:root{--color-primary: #5B6EF5;--color-primary-dark: #3D52E0;--color-primary-light: #7B8EF7;--color-secondary: #8080B4;--color-secondary-light: #A0A0C0;--gradient-brand: linear-gradient(135deg, #5B6EF5 0%, #8080B4 100%);--gradient-brand-angle: 135deg;--gradient-start: #5B6EF5;--gradient-end: #8080B4;--color-neutral-50: #F5F5F8;--color-neutral-100: #EAEAF0;--color-neutral-200: #D4D4E4;--color-neutral-300: #A0A0C0;--color-neutral-400: #8080B4;--color-neutral-500: #5A5A7A;--color-neutral-600: #3D3D5C;--color-neutral-700: #1A1A2E;--color-neutral-800: #0F0F1E;--color-neutral-900: #0A0A0F;--color-success: #22C55E;--color-success-light: #DCFCE7;--color-success-dark: #15803D;--color-warning: #F59E0B;--color-warning-light: #FEF3C7;--color-warning-dark: #B45309;--color-error: #EF4444;--color-error-light: #FEE2E2;--color-error-dark: #B91C1C;--color-info: #5B6EF5;--color-info-light: #EEF0FE;--color-info-dark: #3D52E0;--color-bg-page: #F5F5F8;--color-bg-surface: #FFFFFF;--color-bg-elevated: #FFFFFF;--color-bg-subtle: #EAEAF0;--color-bg-overlay: rgba(10, 10, 15, .5);--color-bg-page-dark: #0A0A0F;--color-bg-surface-dark: #12121C;--color-bg-elevated-dark: #1A1A2E;--color-bg-subtle-dark: #22223A;--color-text-heading: #1A1A2E;--color-text-body: #1A1A2E;--color-text-muted: #5A5A7A;--color-text-subtle: #A0A0C0;--color-text-inverse: #FFFFFF;--color-text-link: #5B6EF5;--color-text-link-hover: #3D52E0;--color-border-default: #D4D4E4;--color-border-subtle: #EAEAF0;--color-border-strong: #8080B4;--color-border-focus: #5B6EF5;--color-node-plant: #3D52E0;--color-node-dc: #5B6EF5;--color-node-customer: #8080B4;--color-node-dc-new: #22C55E;--color-node-dc-stale: #F59E0B;--color-node-dc-removed: #EF4444;--color-mode-road: #5B6EF5;--color-mode-rail: #3D52E0;--color-mode-sea: #8080B4;--color-mode-air: #A0A0C0;--color-mode-multimodal: var(--gradient-brand);--color-status-solving: #F59E0B;--color-status-complete: #22C55E;--color-status-failed: #EF4444;--color-status-draft: #A0A0C0;--color-status-stale: #F59E0B;--color-origin-consultant: #5B6EF5;--color-origin-client: #8080B4;--font-heading: "Montserrat", sans-serif;--font-body: "Lato", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--text-xs: 10px;--text-sm: 12px;--text-base: 14px;--text-md: 16px;--text-h3: 18px;--text-h2: 24px;--text-h1: 32px;--text-display: 36px;--leading-tight: 1.25;--leading-snug: 1.4;--leading-normal: 1.5;--leading-relaxed: 1.7;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 9999px;--shadow-xs: 0 1px 2px rgba(91, 110, 245, .06);--shadow-sm: 0 2px 4px rgba(91, 110, 245, .08);--shadow-md: 0 4px 12px rgba(91, 110, 245, .12);--shadow-lg: 0 8px 24px rgba(91, 110, 245, .16);--shadow-xl: 0 16px 48px rgba(91, 110, 245, .2);--shadow-focus: 0 0 0 3px rgba(91, 110, 245, .35);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .1s;--duration-base: .2s;--duration-slow: .3s;--duration-slower: .5s;--z-base: 0;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;--sidebar-width: 240px;--sidebar-width-collapsed: 64px;--topbar-height: 56px;--content-max-width: 1440px;--map-panel-width: 360px}[data-theme=dark]{--color-bg-page: #0A0A0F;--color-bg-surface: #12121C;--color-bg-elevated: #1A1A2E;--color-bg-subtle: #22223A;--color-text-heading: #F5F5F8;--color-text-body: #D4D4E4;--color-text-muted: #A0A0C0;--color-text-subtle: #5A5A7A;--color-border-default: #22223A;--color-border-subtle: #1A1A2E;--color-border-strong: #5B6EF5}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-body);background:var(--color-bg-page);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--color-text-heading);margin:0}a{color:var(--color-text-link);text-decoration:none}a:hover{color:var(--color-text-link-hover)}button{font-family:var(--font-heading);cursor:pointer}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;height:100vh;overflow:hidden}.sidebar{background:var(--color-bg-surface);border-right:1px solid var(--color-border-subtle);display:flex;flex-direction:column;padding:var(--space-4);gap:var(--space-2)}.sidebar__brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-5)}.sidebar__brand img{height:34px}.nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);font-weight:var(--font-weight-medium);font-size:var(--text-base);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.nav-link:hover{background:var(--color-bg-subtle);color:var(--color-text-body)}.nav-link.active{background:var(--color-info-light);color:var(--color-primary-dark)}.nav-link__icon{width:18px;text-align:center}.sidebar__spacer{flex:1}.main{display:flex;flex-direction:column;overflow:hidden}.topbar{height:var(--topbar-height);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-surface);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);flex-shrink:0}.topbar__title{font-size:var(--text-h2);font-weight:var(--font-weight-semibold)}.topbar__right{display:flex;align-items:center;gap:var(--space-3)}.user-chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-bg-subtle);font-size:var(--text-sm)}.avatar{width:28px;height:28px;border-radius:var(--radius-pill);background:var(--gradient-brand);color:#fff;display:grid;place-items:center;font-size:var(--text-sm);font-weight:var(--font-weight-bold);font-family:var(--font-heading)}.presence{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.presence__avatars{display:inline-flex;align-items:center}.presence__avatar{width:26px;height:26px;border-radius:var(--radius-pill);background:var(--gradient-brand);color:var(--color-text-inverse);display:grid;place-items:center;font-size:var(--text-xs);font-weight:var(--font-weight-bold);font-family:var(--font-heading);border:2px solid var(--color-bg-surface)}.presence__avatar+.presence__avatar{margin-left:-8px}.presence__avatar--more{background:var(--color-bg-subtle);color:var(--color-text-muted)}.presence__dot{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--color-text-subtle)}.presence__dot--on{background:var(--color-success);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-success) 22%,transparent)}.presence__dot--off{background:var(--color-text-subtle)}.presence__label{white-space:nowrap}@media (max-width: 720px){.presence__label{display:none}}.content{padding:var(--space-6);overflow-y:auto}.card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.card__title{font-size:var(--text-h3);font-weight:var(--font-weight-medium);margin-bottom:var(--space-4)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.kpi-card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-left:4px solid var(--kpi-accent, var(--color-primary));border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4) var(--space-5)}.kpi-card__value{font-family:var(--font-heading);font-size:var(--text-display);font-weight:var(--font-weight-bold);color:var(--color-text-heading);line-height:1.1}.kpi-card__label{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-1)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}@media (max-width: 1100px){.grid-2{grid-template-columns:1fr}}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--font-weight-medium);font-family:var(--font-heading);color:var(--badge-color, var(--color-text-muted));background:color-mix(in srgb,var(--badge-color, var(--color-neutral-400)) 14%,transparent)}.badge__dot{width:7px;height:7px;border-radius:var(--radius-pill);background:var(--badge-color, var(--color-neutral-400))}.table{width:100%;border-collapse:collapse;font-size:var(--text-base)}.table th{text-align:left;color:var(--color-text-muted);font-weight:var(--font-weight-medium);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-default)}.table td{padding:var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.table tr:hover td{background:var(--color-bg-subtle)}.col-actions{width:48px;text-align:right;white-space:nowrap}.btn{display:inline-flex;align-items:center;gap:var(--space-2);border:1px solid var(--color-border-default);background:var(--color-bg-surface);color:var(--color-text-body);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:var(--text-base);font-weight:var(--font-weight-medium);transition:all var(--duration-fast) var(--ease-out)}.btn:hover{border-color:var(--color-border-strong)}.btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.btn--primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn--ghost{border-color:transparent;background:transparent}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.kanban{display:flex;gap:var(--space-4);align-items:flex-start;overflow-x:auto;padding-bottom:var(--space-4)}.kanban-col{flex:0 0 280px;background:var(--color-bg-subtle);border-radius:var(--radius-lg);padding:var(--space-3);min-height:120px}.kanban-col__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);font-family:var(--font-heading);font-weight:var(--font-weight-semibold);font-size:var(--text-base)}.kanban-col__count{color:var(--color-text-subtle);font-size:var(--text-sm)}.kanban-card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:var(--space-3);margin-bottom:var(--space-3);cursor:grab}.kanban-card:active{cursor:grabbing}.kanban-card__name{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}.kanban-card__name .icon-btn{flex-shrink:0;width:24px;height:24px}.kanban-card__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.muted{color:var(--color-text-muted)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.row{display:flex;align-items:center;gap:var(--space-3)}.spacer{flex:1}.segmented{display:inline-flex;border:1px solid var(--color-border-default);border-radius:var(--radius-md);overflow:hidden}.segmented button{border:none;background:var(--color-bg-surface);color:var(--color-text-muted);padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.segmented button.active{background:var(--color-primary);color:var(--color-text-inverse)}.center-screen{height:100vh;display:grid;place-items:center;color:var(--color-text-muted)}.spinner{width:28px;height:28px;border:3px solid var(--color-border-default);border-top-color:var(--color-primary);border-radius:var(--radius-pill);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.health-bar{height:6px;border-radius:var(--radius-pill);background:var(--color-bg-subtle);overflow:hidden}.health-bar>span{display:block;height:100%;background:var(--gradient-brand)}.btn--danger{border-color:transparent;background:color-mix(in srgb,var(--color-error) 12%,transparent);color:var(--color-error)}.btn--danger:hover{background:color-mix(in srgb,var(--color-error) 20%,transparent);border-color:transparent}.btn:disabled{opacity:.55;cursor:not-allowed}.icon-btn{display:inline-grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid transparent;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.icon-btn:hover{background:var(--color-bg-subtle);color:var(--color-text-body)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--color-neutral-900, #000) 50%,transparent);display:grid;place-items:center;padding:var(--space-6);z-index:50;animation:fade-in var(--duration-fast) var(--ease-out)}.modal{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.modal__title{font-size:var(--text-h3);font-weight:var(--font-weight-semibold)}.modal__body{padding:var(--space-5);overflow-y:auto}.modal__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-subtle);flex-shrink:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-grid .field--full{grid-column:1 / -1}@media (max-width: 560px){.form-grid{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field__label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.field__req{color:var(--color-error)}.field__hint{font-size:var(--text-xs);color:var(--color-text-subtle)}.input{width:100%;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-body);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-info-light)}textarea.input{resize:vertical;min-height:64px}.checkbox-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:180px;overflow-y:auto;border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-3)}.checkbox-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);cursor:pointer}.form-error{color:var(--color-error);font-size:var(--text-sm);margin-bottom:var(--space-4)}@keyframes fade-in{0%{opacity:0}}.comments{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border-subtle)}.comments__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-h3);font-weight:var(--font-weight-medium)}.comments__count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--color-bg-subtle);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-weight-bold);font-family:var(--font-heading)}.comments__list{display:flex;flex-direction:column;gap:var(--space-4)}.comments__empty{color:var(--color-text-subtle);font-size:var(--text-sm);margin:0}.comment{display:flex;gap:var(--space-3)}.comment--pending{opacity:.6}.comment__avatar{flex-shrink:0;width:30px;height:30px;border-radius:var(--radius-pill);background:var(--gradient-brand);color:var(--color-text-inverse);display:grid;place-items:center;font-size:var(--text-xs);font-weight:var(--font-weight-bold);font-family:var(--font-heading)}.comment__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.comment__head{display:flex;align-items:center;gap:var(--space-2)}.comment__author{font-weight:var(--font-weight-semibold);font-family:var(--font-heading);font-size:var(--text-sm)}.comment__time{color:var(--color-text-subtle);font-size:var(--text-xs)}.comment__actions{display:inline-flex;gap:var(--space-1);margin-left:auto;opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.comment:hover .comment__actions,.comment__actions:focus-within{opacity:1}.comment__actions .icon-btn{width:24px;height:24px}.comment__body{font-size:var(--text-base);color:var(--color-text-body);white-space:pre-wrap;word-break:break-word}.comment__editor{display:flex;flex-direction:column;gap:var(--space-2)}.comment__editor-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.mention{color:var(--color-primary-dark);background:var(--color-info-light);font-weight:var(--font-weight-medium);padding:0 var(--space-1);border-radius:var(--radius-sm)}.mention--me{color:var(--color-text-inverse);background:var(--color-primary)}.comments__composer{display:flex;flex-direction:column;gap:var(--space-2)}.comments__composer-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.comments__hint{color:var(--color-text-subtle);font-size:var(--text-xs)}.mention-input{position:relative}.mention-input__field{width:100%}.mention-menu{position:absolute;left:0;right:0;top:calc(100% + var(--space-1));z-index:var(--z-dropdown);margin:0;padding:var(--space-1);list-style:none;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-height:220px;overflow-y:auto}.mention-menu__item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2);border:none;background:transparent;border-radius:var(--radius-sm);font-size:var(--text-base);color:var(--color-text-body);text-align:left;cursor:pointer}.mention-menu__item.is-active,.mention-menu__item:hover{background:var(--color-bg-subtle)}.mention-menu__avatar{flex-shrink:0;width:24px;height:24px;border-radius:var(--radius-pill);background:var(--gradient-brand);color:var(--color-text-inverse);display:grid;place-items:center;font-size:var(--text-xs);font-weight:var(--font-weight-bold);font-family:var(--font-heading)}