: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: #f3f4f7;--page-tint: rgba(252, 252, 253, .82);--window-bg: rgba(255, 255, 255, .72);--surface-1: rgba(255, 255, 255, .82);--surface-2: rgba(248, 248, 250, .9);--surface-3: rgba(243, 244, 247, .96);--surface-4: rgba(238, 239, 243, .94);--ink-900: #15161a;--ink-800: #22242a;--ink-700: #363941;--ink-600: #525661;--ink-500: #6f7480;--ink-400: #9297a2;--accent-500: #216cff;--accent-400: #4f86ff;--border-subtle: rgba(39, 41, 46, .08);--border-soft: rgba(39, 41, 46, .12);--border-strong: rgba(39, 41, 46, .18);--shadow-window: 0 20px 60px rgba(17, 18, 22, .14);--shadow-panel: 0 10px 30px rgba(18, 19, 24, .08);--shadow-card: 0 6px 16px rgba(20, 21, 25, .07);--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:radial-gradient(circle at top left,rgba(255,255,255,.85),transparent 28rem),radial-gradient(circle at top right,rgba(232,236,245,.72),transparent 26rem),linear-gradient(180deg,#f7f7f9,#eff1f5 48%,#eceef2);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}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{max-width:1720px;margin:0 auto;padding:var(--space-20)}.app-header{display:grid;gap:var(--space-16);padding:var(--space-16) var(--space-18) var(--space-18);margin-bottom:var(--space-18);background:var(--window-bg);border:1px solid rgba(255,255,255,.5);border-radius:28px;box-shadow:var(--shadow-window);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.window-controls{display:flex;align-items:center;gap:var(--space-8)}.window-dot{width:12px;height:12px;border-radius:50%;box-shadow:0 1px #ffffff59 inset}.window-dot--close{background:#ff5f57}.window-dot--minimize{background:#febc2e}.window-dot--zoom{background:#28c840}.app-header__body{display:flex;align-items:end;justify-content:space-between;gap:var(--space-20)}.app-header__actions{display:flex;align-items:center;justify-content:end;gap:var(--space-12);flex-wrap:wrap}.app-header__identity{display:grid;gap:var(--space-8)}.title-row{display:flex;align-items:center;gap:var(--space-12)}.app-header h1{font-size:clamp(2rem,2.2vw,2.55rem);line-height:1;letter-spacing:-.04em}.app-badge{display:inline-flex;align-items:center;min-height:24px;padding:.18rem .55rem;border-radius:var(--radius-pill);background:#1415180f;color:var(--ink-600);font-size:var(--font-size-11);font-weight:600;letter-spacing:.01em}.eyebrow{font-size:var(--font-size-11);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-400)}.top-nav{display:inline-flex;align-items:center;gap:var(--space-6);padding:.3rem;border-radius:14px;background:#ffffffa8;border:1px solid rgba(39,41,46,.08);box-shadow:inset 0 1px #ffffffbf}.header-toolbar{display:flex;align-items:center;gap:var(--space-12);flex-wrap:wrap}.nav-link{padding:.55rem .9rem;border-radius:10px;color:var(--ink-600);font-size:var(--font-size-13);font-weight:600;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.nav-link--active{color:var(--ink-900);background:#fffffff5;box-shadow:0 1px #fffc inset,0 2px 10px #12131814}.app-main,.page-stack,.board-page{display:grid;gap:var(--space-18)}.panel,.drawer,.settings-panel{border-radius:var(--radius-24)}.panel,.settings-panel{padding:var(--space-18)}.board{padding:var(--space-14);overflow:visible;background:#ffffff80}.board-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-12);overflow:visible;padding-bottom:var(--space-4)}.board-column{min-height:700px;display:grid;grid-template-rows:auto 1fr;border-radius:var(--radius-20);background:linear-gradient(180deg,#ffffffc7,#f6f7f9e0)}.board-column--drag-target{border-color:#216cff33;box-shadow:0 0 0 1px #216cff14,0 18px 34px #216cff1f;background:linear-gradient(180deg,#ffffffe6,#eff5ffeb)}.board-column__header{display:flex;align-items:start;justify-content:space-between;gap:var(--space-12);padding:var(--space-16);border-bottom:1px solid rgba(39,41,46,.06)}.board-column__title-group{display:grid;gap:.2rem}.board-column__title-group h3{font-size:var(--font-size-14);letter-spacing:-.02em}.board-column__title-group p{font-size:var(--font-size-12)}.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:#1415180d;color:var(--ink-600);font-size:var(--font-size-12);font-weight:600}.board-column__body{padding:0 var(--space-12) var(--space-12);display:grid;align-content:start;gap:var(--space-10)}.board-column__empty,.board-empty-inline{padding:var(--space-16);color:var(--ink-400);font-size:var(--font-size-13)}.matter-card{border-radius:var(--radius-18);overflow:visible;cursor:grab;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 28px #1213181a}.matter-card--selected{border-color:#216cff2e;box-shadow:0 0 0 1px #216cff14,0 14px 32px #216cff24}.matter-card--dragging{opacity:1;cursor:grabbing;box-shadow:0 0 0 1px #216cff14,0 20px 36px #12131824}.matter-card__button{width:100%;padding:var(--space-14);background:transparent;border:0;text-align:left;display:grid;gap:var(--space-10)}.matter-card__stack{display:grid;gap:var(--space-8)}.matter-card__stack h4{font-size:var(--font-size-15);line-height:1.3;letter-spacing:-.02em}.matter-card__client{color:var(--ink-500);font-size:var(--font-size-13)}.matter-card__file-number{color:var(--ink-700);font-weight:500;font-size:var(--font-size-13)}.matter-card__activity-line{margin-top:var(--space-4);color:var(--ink-500);font-size:var(--font-size-12);font-style:italic}.drawer{padding:var(--space-18);display:grid;gap:var(--space-18);background:#ffffffc2}.drawer-overlay{position:fixed;inset:0;z-index:20;display:flex;align-items:start;justify-content:center;padding:5rem var(--space-20) var(--space-20);background:#11121629;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fade-in var(--transition-base)}.drawer-modal{width:min(760px,100%);max-height:calc(100vh - 6rem);overflow:auto;border-radius:var(--radius-24);box-shadow:0 30px 70px #10111638}.task-modal{width:min(680px,100%)}.drawer__header{display:flex;justify-content:space-between;gap:var(--space-16);align-items:start;padding-bottom:var(--space-16);border-bottom:1px solid rgba(39,41,46,.06)}.drawer__title-block{display:grid;gap:var(--space-6)}.drawer__eyebrow{color:var(--ink-400);font-size:var(--font-size-11);text-transform:uppercase;letter-spacing:.11em}.drawer__title-block h2{font-size:var(--font-size-20);letter-spacing:-.03em}.drawer__actions{display:flex;align-items:center;justify-content:end}.drawer__body,.stack{display:grid;gap:var(--space-16)}.drawer-section,.note-composer,.info-grid--inspector{padding:var(--space-16);border-radius:var(--radius-18);background:var(--surface-2);border:1px solid rgba(39,41,46,.06)}.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-10);padding:var(--space-14);border-radius:var(--radius-16);background:#ffffffc7;border:1px solid var(--border-subtle)}.task-card__header{display:flex;align-items:start;justify-content:space-between;gap:var(--space-12)}.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__header span{color:var(--ink-600);font-size:var(--font-size-12);font-weight:600}.task-card__body{color:var(--ink-700);line-height:1.5}.settings-panel{display:grid;gap:var(--space-16)}@media(max-width:1400px){.app-header__body{align-items:start}}@media(max-width:1080px){body{min-width:0}.app-shell{padding:var(--space-16)}.app-header__body,.app-header__actions{display:grid}.legend-grid,.info-grid{grid-template-columns:1fr}.search-field{min-width:100%}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.panel,.drawer,.board-column,.matter-card,.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(18px);backdrop-filter:blur(18px)}.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(10,67,170,.08);background:linear-gradient(180deg,#2b7bff,#1769ff);color:#fff;font-size:var(--font-size-13);font-weight:600;letter-spacing:-.01em;box-shadow:0 1px #ffffff42 inset,0 8px 18px #216cff33;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 1px #ffffff47 inset,0 10px 22px #216cff3d}.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:linear-gradient(180deg,#fffffff5,#f4f5f7f5);border-color:var(--border-soft);box-shadow:0 1px #ffffffd9 inset,0 4px 12px #1314180a}.button--ghost{background:#ffffff9e;box-shadow:none}.button--danger{color:#9e2f2f}.button-row{display:flex;align-items:center;gap:var(--space-10);flex-wrap:wrap}.search-field,.field{display:grid;gap:var(--space-6)}.checkbox-field{display:inline-flex;align-items:center;gap:var(--space-8);color:var(--ink-600);font-size:var(--font-size-13)}.checkbox-field input{width:16px;height:16px;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-field__icon{position:absolute;top:50%;left:.9rem;width:.95rem;height:.95rem;color:var(--ink-400);transform:translateY(-50%);pointer-events:none}.search-field__icon svg{width:100%;height:100%}.search-field input,.field input,.field select,.field textarea,.matter-card__move select{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)}.search-field input{padding-left:2.5rem;font-size:var(--font-size-14);background:linear-gradient(180deg,#fffffff5,#f8f8faf5)}.field textarea{min-height:6rem;line-height:1.45}.search-field input::placeholder,.field input::placeholder,.field textarea::placeholder{color:var(--ink-400)}.search-field input:focus,.field input:focus,.field select:focus,.field textarea:focus,.matter-card__move select: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)}.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)}