:root{--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", sans-serif;--font-size-11: .6875rem;--font-size-12: .75rem;--font-size-13: .8125rem;--font-size-14: .875rem;--font-size-15: .9375rem;--font-size-17: 1.0625rem;--font-size-20: 1.25rem;--font-size-28: 1.75rem;--space-4: .25rem;--space-6: .375rem;--space-8: .5rem;--space-10: .625rem;--space-12: .75rem;--space-14: .875rem;--space-16: 1rem;--space-18: 1.125rem;--space-20: 1.25rem;--space-24: 1.5rem;--space-28: 1.75rem;--radius-10: 10px;--radius-12: 12px;--radius-14: 14px;--radius-16: 16px;--radius-18: 18px;--radius-20: 20px;--radius-24: 24px;--radius-pill: 999px;--page-bg: #f1f2f5;--page-tint: rgba(252, 252, 253, .82);--window-bg: rgba(255, 255, 255, .78);--surface-1: rgba(255, 255, 255, .84);--surface-2: rgba(247, 248, 250, .92);--surface-3: rgba(242, 243, 246, .96);--surface-4: rgba(236, 238, 242, .96);--ink-900: #15161a;--ink-800: #22242a;--ink-700: #363941;--ink-600: #4f5560;--ink-500: #626873;--ink-400: #7d8591;--accent-500: #216cff;--accent-400: #4f86ff;--border-subtle: rgba(39, 41, 46, .09);--border-soft: rgba(39, 41, 46, .13);--border-strong: rgba(39, 41, 46, .18);--shadow-window: 0 16px 42px rgba(17, 18, 22, .1);--shadow-panel: 0 6px 20px rgba(18, 19, 24, .06);--shadow-card: 0 4px 12px rgba(20, 21, 25, .05);--shadow-focus: 0 0 0 3px rgba(33, 108, 255, .16);--transition-fast: .14s ease;--transition-base: .22s cubic-bezier(.2, .7, .2, 1)}:root{font-family:var(--font-sans);color:var(--ink-900);background:linear-gradient(180deg,#111214,#151619);color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:1280px;background:#111214;color:#f5f6f8}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}ol,ul,dl{margin:0;padding:0}textarea{resize:vertical}::selection{background:#216cff29}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{display:grid;grid-template-columns:232px minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"header header" "sidebar main";min-height:100vh;background:#111214;border-radius:0;overflow:visible;box-shadow:none}.app-shell--sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)}.app-sidebar{grid-area:sidebar;background:#111214;border-right:1px solid rgba(255,255,255,.08);padding:var(--space-20) var(--space-12);display:grid;grid-template-rows:1fr auto;gap:var(--space-16)}.app-sidebar__content{display:grid;align-content:start;gap:var(--space-12)}.app-sidebar__footer{display:grid;gap:var(--space-10)}.app-sidebar__user{padding:0 .8rem;color:#ffffff85;font-size:var(--font-size-12);text-transform:uppercase;letter-spacing:.08em}.app-header{grid-area:header;padding:.5rem 1rem;background:#2e2e32;border-bottom:1px solid rgba(255,255,255,.08)}.app-header__body{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16)}.app-header__lead{display:flex;align-items:center;gap:var(--space-12)}.app-header__actions{display:flex;align-items:center;justify-content:end;gap:var(--space-10);flex-wrap:wrap}.app-header__identity{display:grid;gap:var(--space-4)}.app-header h1{display:inline-flex;align-items:baseline;gap:0;color:#f5f6f8;font-size:clamp(1.05rem,1.275vw,1.275rem);line-height:1.05;letter-spacing:-.035em}.app-header__flow{color:#3d95ff}.app-header__version{margin-left:.45rem;color:#ffffff94;font-size:var(--font-size-12);font-weight:500;letter-spacing:0}.header-toolbar{display:flex;align-items:center;gap:var(--space-10);flex-wrap:wrap;justify-content:end}.app-main,.page-stack,.board-page{display:grid;gap:var(--space-14)}.app-main{grid-area:main;padding:var(--space-18);min-width:0;background:#111214}.panel,.drawer,.settings-panel{border-radius:var(--radius-24)}.panel,.settings-panel{padding:var(--space-18)}.board{padding:0;overflow:visible;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.board-grid{display:grid;grid-template-columns:repeat(var(--board-column-count, 5),minmax(0,1fr));gap:var(--space-14);overflow:visible;padding-bottom:var(--space-4)}.board-column{min-height:clamp(520px,62vh,580px);display:grid;grid-template-rows:auto 1fr;border-radius:var(--radius-18);background:#2a2d33;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px #ffffff05,0 12px 24px #00000029}.board-column--drag-target{border-color:#3d95ff38;box-shadow:0 0 0 1px #3d95ff1a,0 12px 28px #00000038;background:#30343b}.board-column__header{display:flex;align-items:start;justify-content:space-between;gap:var(--space-12);padding:var(--space-14)}.board-column__title-group{min-width:0}.board-column__title-group h3{color:#f5f6f8;font-size:var(--font-size-14);letter-spacing:-.02em}.board-column__count{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 var(--space-8);border-radius:var(--radius-pill);background:#ffffff14;color:#f5f6f8c7;font-size:var(--font-size-12);font-weight:600}.board-column__body{padding:0 var(--space-10) var(--space-10);display:grid;align-content:start;gap:var(--space-10)}.board-column__empty,.board-empty-inline{padding:var(--space-14);color:#ffffff85;font-size:var(--font-size-12)}.matter-card{background:#1d2025;border-radius:var(--radius-18);overflow:visible;cursor:grab;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 18px #00000047,inset 0 1px #ffffff05;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background var(--transition-base)}.matter-card:hover{transform:translateY(-1px);box-shadow:0 12px 24px #00000057,inset 0 1px #ffffff08}.matter-card--selected{border-color:#3d95ff47;box-shadow:0 0 0 1px #3d95ff1f,0 14px 28px #0000005c}.matter-card--dragging{opacity:1;cursor:grabbing;box-shadow:0 0 0 1px #3d95ff1f,0 18px 34px #00000061}.matter-card__button{width:100%;padding:.8rem .85rem;background:transparent;border:0;text-align:left;display:grid;gap:var(--space-10)}.matter-card__stack{display:grid;gap:var(--space-6)}.matter-card__stack h4{color:#f5f6f8;font-size:var(--font-size-15);line-height:1.3;letter-spacing:-.02em}.matter-card__client{color:#ffffffa8;font-size:var(--font-size-13)}.matter-card__file-number{color:#ffffffd6;font-weight:500;font-size:var(--font-size-13)}.matter-card__activity-line{margin-top:var(--space-6);color:#ffffff94;font-size:var(--font-size-12);font-style:italic}.drawer{padding:var(--space-18);display:grid;gap:var(--space-16);background:#ffffffd6}.drawer-overlay{position:fixed;inset:0;z-index:20;display:flex;align-items:start;justify-content:center;padding:4.25rem var(--space-20) var(--space-20);background:#1112161f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade-in var(--transition-base)}.drawer-modal{width:min(760px,100%);max-height:calc(100vh - 5rem);overflow:auto;border-radius:var(--radius-24);box-shadow:0 22px 54px #1011162e}.task-modal{width:min(680px,100%)}.drawer__header{display:flex;justify-content:space-between;gap:var(--space-16);align-items:center;padding-bottom:var(--space-14);border-bottom:1px solid rgba(39,41,46,.06)}.drawer__title-block{display:grid;gap:var(--space-4)}.drawer__title-block h2{font-size:1.125rem;letter-spacing:-.03em}.drawer__actions{display:flex;align-items:center;justify-content:end}.drawer__body,.stack{display:grid;gap:var(--space-14)}.drawer-form-grid,.drawer-meta-list{display:grid;gap:var(--space-12)}.drawer-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.drawer-meta-list{grid-template-columns:repeat(3,minmax(0,1fr))}.drawer-meta-item{display:grid;gap:var(--space-4);padding:var(--space-12) var(--space-14);border-radius:var(--radius-14);background:#f7f8fae0;border:1px solid var(--border-subtle)}.drawer-meta-item span{color:var(--ink-500);font-size:var(--font-size-11);text-transform:uppercase;letter-spacing:.08em}.drawer-section{padding-top:var(--space-16);border-top:1px solid var(--border-subtle)}.note-composer{padding:0;border:0;background:transparent}.info-grid,.legend-grid{display:grid;gap:var(--space-10)}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-grid div,.legend-item{display:grid;gap:var(--space-4);padding:var(--space-12) var(--space-14);border-radius:var(--radius-14);background:#ffffffa8}.info-grid span,.legend-item span{color:var(--ink-400);font-size:var(--font-size-11);text-transform:uppercase;letter-spacing:.08em}.legend-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.notes-list{display:grid;gap:var(--space-10);list-style:none}.note-card{position:relative;display:grid;gap:var(--space-8);padding:var(--space-14);border-radius:var(--radius-16);background:#ffffffb8;box-shadow:var(--shadow-card)}.note-card:before{content:"";position:absolute;top:14px;left:0;bottom:14px;width:3px;border-radius:999px;background:#216cff29}.note-card__meta{display:flex;justify-content:space-between;gap:var(--space-12);padding-left:var(--space-10);color:var(--ink-500);font-size:var(--font-size-12)}.note-card__author{color:var(--ink-700);font-weight:600}.note-card p{padding-left:var(--space-10);color:var(--ink-700);line-height:1.5}.task-list{display:grid;gap:var(--space-10);list-style:none}.task-card{display:grid;gap:var(--space-8);padding:var(--space-14);border-radius:var(--radius-16);background:#ffffffc7;border:1px solid var(--border-subtle)}.task-card--active{border-color:#3d95ff38;box-shadow:0 0 0 1px #3d95ff14}.task-card__header{display:flex;align-items:start;justify-content:space-between;gap:var(--space-12)}.task-card__actions{display:grid;justify-items:end;gap:var(--space-8)}.task-card__header h3{font-size:var(--font-size-15);letter-spacing:-.02em}.task-card__header p,.task-card__meta{color:var(--ink-500);font-size:var(--font-size-12)}.task-card__body{color:var(--ink-700);line-height:1.5}.task-card__badge{color:var(--ink-600);font-size:var(--font-size-12);font-weight:600}.stats-panel{display:grid;gap:var(--space-16);max-width:760px}.stats-list{display:grid;gap:0}.stats-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-16);align-items:center;padding:var(--space-14) 0;border-bottom:1px solid var(--border-subtle)}.stats-row:first-child{border-top:1px solid var(--border-subtle)}.stats-row dt{color:var(--ink-600);font-size:var(--font-size-14)}.stats-row dd{margin:0;color:var(--ink-900);font-size:var(--font-size-17);font-weight:600;letter-spacing:-.02em}.stats-empty{color:var(--ink-500);font-size:var(--font-size-14)}.settings-panel{display:grid;gap:var(--space-16)}.settings-section,.settings-stage-grid{display:grid;gap:var(--space-14)}.settings-form-grid{display:grid;grid-template-columns:minmax(0,280px);gap:var(--space-12)}.settings-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.boards-modal__create-row{align-items:end}.boards-modal__input{min-width:0;flex:1 1 16rem}.login-shell{min-height:100vh;display:grid;place-items:center;padding:var(--space-24);background:radial-gradient(circle at top,rgba(61,149,255,.18),transparent 32%),#111214}.login-shell--loading{color:#ffffffb8;font-size:var(--font-size-15)}.login-card{width:min(420px,100%);display:grid;gap:var(--space-20);padding:var(--space-24);border-radius:var(--radius-24);background:#262a30;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 54px #00000057,inset 0 1px #ffffff05}.login-card__brand{display:grid;gap:var(--space-8)}.login-card__brand h1{display:inline-flex;align-items:baseline;gap:0;color:#f5f6f8;font-size:1.45rem;letter-spacing:-.04em}.login-card__brand p,.login-card__error{color:#ffffffa3;font-size:var(--font-size-14)}.login-card__error{margin:0;color:#ff9a9a}@media(max-width:1400px){.app-header__body{align-items:start}}@media(max-width:1080px){body{min-width:0}.app-shell{grid-template-columns:1fr;grid-template-areas:"header" "sidebar" "main"}.app-shell--sidebar-collapsed{grid-template-columns:1fr}.app-header__body,.app-header__actions{display:grid}.app-sidebar{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.legend-grid,.info-grid,.drawer-form-grid,.drawer-meta-list,.settings-stage-grid,.settings-form-grid{grid-template-columns:1fr}.search-field{min-width:100%}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.panel,.drawer,.note-card,.settings-panel,.legend-item,.empty-state,.callout{background:var(--surface-1);border:1px solid var(--border-subtle);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.board.panel{background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.board-column{background:#2a2d33;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px #ffffff05,0 12px 24px #00000029;-webkit-backdrop-filter:none;backdrop-filter:none}.board-column--drag-target{background:#30343b}.matter-card{background:#1d2025;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 18px #00000047,inset 0 1px #ffffff05;-webkit-backdrop-filter:none;backdrop-filter:none}.drawer{background:#262a30;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 38px #00000057,inset 0 1px #ffffff05;-webkit-backdrop-filter:none;backdrop-filter:none;color:#f5f6f8}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);min-height:34px;padding:.55rem .9rem;border-radius:var(--radius-12);border:1px solid rgba(20,86,194,.12);background:#216cff;color:#fff;font-size:var(--font-size-13);font-weight:600;letter-spacing:-.01em;box-shadow:0 6px 16px #216cff2e;transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base),border-color var(--transition-fast)}.button:hover{transform:translateY(-1px);box-shadow:0 8px 18px #216cff38}.button:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.button__icon{display:inline-flex;width:.95rem;height:.95rem}.button__icon svg{width:100%;height:100%}.button--secondary,.button--ghost,.button--danger{color:var(--ink-800);background:#ffffffe6;border-color:var(--border-soft);box-shadow:0 2px 10px #1314180a}.button--ghost{background:#ffffffad;box-shadow:none}.button--danger{color:#9e2f2f}.button--small{min-height:30px;padding:.4rem .72rem;font-size:var(--font-size-12)}.button-row{display:flex;align-items:center;gap:var(--space-10);flex-wrap:wrap}.sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:0;border-radius:10px;background:transparent;color:#f5f6f8db}.sidebar-toggle:hover{background:#ffffff14}.sidebar-toggle__panel{width:.95rem;height:.8rem;display:grid;grid-template-columns:3px 1fr;gap:.25rem}.sidebar-toggle__rail,.sidebar-toggle__body{border-radius:1px;background:currentColor}.sidebar-toggle__body{opacity:.88}.sidebar-menu{display:grid;gap:var(--space-4)}.sidebar-menu__item{width:100%;display:flex;align-items:center;gap:var(--space-10);min-height:42px;padding:.7rem .8rem;border:0;border-radius:12px;background:transparent;color:#3d95ff;text-align:left;font-size:var(--font-size-15);font-weight:500}.sidebar-menu__item:hover{background:#ffffff14;box-shadow:none;transform:none}.sidebar-menu__item--primary{background:#3d95ff1f;color:#3d95ff}.sidebar-menu__icon{display:inline-flex;width:1rem;height:1rem;color:currentColor;flex-shrink:0}.sidebar-menu__icon svg{width:100%;height:100%}.app-shell--sidebar-collapsed .sidebar-menu__item{justify-content:center;padding-inline:0}.app-shell--sidebar-collapsed .sidebar-menu__item span:not(.sidebar-menu__icon){display:none}.app-shell--sidebar-collapsed .app-sidebar__content{justify-items:center}.search-field,.field{display:grid;gap:var(--space-6)}.checkbox-field{display:inline-flex;align-items:start;gap:var(--space-8);color:var(--ink-600);font-size:var(--font-size-13)}.checkbox-field__copy{display:grid;gap:.15rem}.checkbox-field__copy strong{color:var(--ink-700);font-size:var(--font-size-13);font-weight:600}.checkbox-field__copy small,.field-hint{color:var(--ink-500);font-size:var(--font-size-12);line-height:1.4}.checkbox-field input{width:16px;height:16px;margin-top:.1rem;accent-color:var(--accent-500)}.field span{font-size:var(--font-size-12);color:var(--ink-500);font-weight:600;letter-spacing:-.01em}.search-field{position:relative;min-width:22rem}.search-dropdown{position:absolute;top:calc(100% + .45rem);left:0;right:0;z-index:30;border-radius:var(--radius-16);border:1px solid var(--border-soft);background:#27282cfa;box-shadow:0 14px 32px #00000047;overflow:hidden}.search-results{display:grid;list-style:none;margin:0;padding:0}.search-result{width:100%;display:flex;align-items:start;justify-content:space-between;gap:var(--space-12);padding:.8rem .9rem;border:0;border-bottom:1px solid rgba(39,41,46,.06);background:transparent;text-align:left}.search-results li:last-child .search-result{border-bottom:0}.search-result:hover{background:#ffffff0f}.search-result--archived{background:#ffffff08}.search-result__body{display:grid;gap:.15rem;min-width:0}.search-result__body strong{color:#f5f6f8;font-size:var(--font-size-13)}.search-result__body span,.search-result__meta,.search-empty{color:#ffffff9e;font-size:var(--font-size-12)}.search-result__meta{flex-shrink:0}.search-empty{padding:.9rem}.search-field__icon{position:absolute;top:50%;left:.9rem;width:.95rem;height:.95rem;color:#ffffff75;transform:translateY(-50%);pointer-events:none}.search-field__icon svg{width:100%;height:100%}.search-field input,.field input,.field select,.field textarea{width:100%;appearance:none;border-radius:var(--radius-12);border:1px solid var(--border-soft);background:#ffffffeb;color:var(--ink-900);padding:.72rem .88rem;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.drawer .field input,.drawer .field select,.drawer .field textarea,.login-card .field input{background:#1d2025;border-color:#ffffff14;color:#f5f6f8}.search-field input{padding-left:2.5rem;min-height:36px;font-size:var(--font-size-14);background:#ffffff14;border-color:#ffffff1f;color:#f5f6f8}.field textarea{min-height:6rem;line-height:1.45}.search-field input::placeholder,.field input::placeholder,.field textarea::placeholder{color:#ffffff70}.search-field input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:#216cff5c;box-shadow:var(--shadow-focus)}.section-heading{display:grid;gap:var(--space-6)}.section-heading--split{display:flex;align-items:start;justify-content:space-between;gap:var(--space-16)}.section-heading h2,.section-heading h3{letter-spacing:-.02em}.section-heading p,.drawer__header p,.empty-state p,.callout p,.board-column__header p{color:var(--ink-500)}.drawer__header{border-bottom-color:#ffffff14}.drawer__title-block h2,.drawer .section-heading h3,.drawer .section-heading h2,.drawer .task-card__header h3,.drawer .note-card__author,.drawer .stats-row dd{color:#f5f6f8}.drawer .field span,.login-card .field span,.drawer .checkbox-field,.drawer .checkbox-field__copy small,.drawer .field-hint,.drawer .task-card__header p,.drawer .task-card__meta,.drawer .task-card__badge,.drawer .note-card__meta,.drawer .stats-row dt,.drawer .stats-empty,.drawer .empty-state p,.drawer .section-heading p{color:#fff9}.drawer .checkbox-field__copy strong,.drawer .task-card__body,.drawer .note-card p{color:#ffffffd6}.drawer .button--ghost,.drawer .button--secondary,.drawer .button--danger{background:#ffffff0f;border-color:#ffffff14;color:#f5f6f8;box-shadow:none}.drawer .button--danger{color:#ff8f8f}.drawer .empty-state,.drawer .task-card,.drawer .note-card,.drawer .drawer-meta-item,.drawer .info-grid div,.drawer .legend-item{background:#1d2025;border:1px solid rgba(255,255,255,.08);box-shadow:none}.drawer .settings-panel{background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.drawer .stats-row{border-bottom-color:#ffffff14}.drawer .stats-row:first-child,.drawer .drawer-section{border-top-color:#ffffff14}.status-pill{display:inline-flex;align-items:center;gap:var(--space-6);min-height:28px;border-radius:var(--radius-pill);padding:.25rem .7rem;font-size:var(--font-size-12);font-weight:600;border:1px solid transparent}.status-pill--neutral{color:#335893;background:#216cff1a}.status-pill--success{color:#2e6a49;background:#48a5721f}.status-pill--warn{color:#936100;background:#e0ad3629}.empty-state{display:grid;gap:var(--space-6);border-radius:var(--radius-16);padding:var(--space-20)}.callout{display:grid;gap:var(--space-12);padding:var(--space-18);border-radius:var(--radius-18)}