:root{--ink: #0a0a0a;--ink-raised: #141414;--ink-card: #1a1a1a;--ink-hover: #202020;--ink-border: #2a2a2a;--ink-border-strong: #3a3a3a;--paper: #f5f1e8;--paper-dim: #d5cfc0;--paper-muted: #9a9588;--paper-subtle: #6a6659;--gold: #c8a15a;--gold-dim: #a08246;--gold-bright: #e0b96b;--crimson: #c44536;--crimson-dim: #8a3126;--crimson-bright: #e06756;--sage: #7a8471;--sage-dim: #545c4d;--bg: var(--ink);--bg-raised: var(--ink-raised);--bg-card: var(--ink-card);--text: var(--paper);--text-dim: var(--paper-dim);--text-muted: var(--paper-muted);--text-subtle: var(--paper-subtle);--border: var(--ink-border);--border-strong: var(--ink-border-strong);--accent: var(--gold);--accent-dim: var(--gold-dim);--accent-bright: var(--gold-bright);--danger: var(--crimson);--danger-bright: var(--crimson-bright);--success: var(--sage);--font-display: "Fraunces", "Georgia", "Times New Roman", serif;--font-body: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", Menlo, Consolas, monospace;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-7: 3rem;--s-8: 4rem;--s-9: 6rem;--r-sm: 2px;--r-md: 4px;--r-lg: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5);--shadow-focus: 0 0 0 3px rgba(200, 161, 90, .25)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.55;font-weight:400;min-height:100vh;font-feature-settings:"ss01","cv11"}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}#root{position:relative;z-index:2;min-height:100vh}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:500;line-height:1.15;letter-spacing:-.01em;color:var(--text)}h1{font-size:clamp(2rem,4vw,3rem);font-weight:400;font-variation-settings:"opsz" 144;letter-spacing:-.025em}h2{font-size:clamp(1.5rem,3vw,2rem);font-variation-settings:"opsz" 72;letter-spacing:-.02em}h3{font-size:1.25rem;font-variation-settings:"opsz" 36}h4{font-size:1.05rem;font-family:var(--font-body);font-weight:600;letter-spacing:.005em}p{margin:0}a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s ease}a:hover{border-bottom-color:var(--accent)}.display-italic{font-family:var(--font-display);font-style:italic;font-weight:400}.eyebrow{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted);font-weight:500}.mono{font-family:var(--font-mono);font-feature-settings:"zero"}.numeric{font-family:var(--font-mono);font-variant-numeric:tabular-nums}button{font-family:var(--font-body);cursor:pointer;border:none;background:none;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-3) var(--s-5);font-family:var(--font-body);font-size:.875rem;font-weight:500;letter-spacing:.01em;border-radius:var(--r-sm);border:1px solid transparent;cursor:pointer;transition:all .15s ease;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--accent);color:var(--ink);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-bright);border-color:var(--accent-bright);border-bottom-color:var(--accent-bright)}.btn-ghost{background:transparent;color:var(--text-dim);border-color:var(--border)}.btn-ghost:hover{color:var(--text);border-color:var(--border-strong)}.btn-danger{background:transparent;color:var(--danger-bright);border-color:var(--danger-dim)}.btn-danger:hover{background:var(--danger);color:var(--paper);border-color:var(--danger)}.btn:disabled{opacity:.4;cursor:not-allowed}label{display:block;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-bottom:var(--s-2);font-weight:500}input[type=text],input[type=email],input[type=date],input[type=number],textarea,select{width:100%;padding:var(--s-3) var(--s-4);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);font-family:var(--font-body);font-size:.95rem;transition:border-color .15s ease,box-shadow .15s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}input::placeholder,textarea::placeholder{color:var(--text-subtle)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s-6)}.card-raised{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s-5);transition:border-color .15s ease}.card-raised:hover{border-color:var(--border-strong)}.urgency-overdue{color:var(--danger-bright)}.urgency-critical{color:var(--danger)}.urgency-warning{color:var(--accent)}.urgency-normal{color:var(--text-dim)}.urgency-completed{color:var(--success)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:var(--s-2);vertical-align:middle}.dot-overdue{background:var(--danger-bright)}.dot-critical{background:var(--danger)}.dot-warning{background:var(--accent)}.dot-normal{background:var(--text-subtle)}.dot-completed{background:var(--success)}.stack-sm>*+*{margin-top:var(--s-3)}.stack-md>*+*{margin-top:var(--s-5)}.stack-lg>*+*{margin-top:var(--s-7)}.flex{display:flex;gap:var(--s-4)}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-col{display:flex;flex-direction:column;gap:var(--s-4)}.divider{height:1px;background:var(--border);margin:var(--s-6) 0}.divider-strong{height:1px;background:var(--border-strong);margin:var(--s-7) 0}.rule-gold{width:48px;height:2px;background:var(--accent);margin:var(--s-4) 0}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-up{animation:fadeUp .5s cubic-bezier(.2,.8,.2,1) both}.fade-in{animation:fadeIn .3s ease both}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}::selection{background:var(--accent);color:var(--ink)}.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:var(--bg);border-right:1px solid var(--border);padding:var(--s-6) var(--s-5);display:flex;flex-direction:column;gap:var(--s-6);position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-brand{padding-bottom:var(--s-5);border-bottom:1px solid var(--border)}.sidebar-brand-mark{font-family:var(--font-display);font-size:1.4rem;font-weight:500;letter-spacing:-.02em;color:var(--text);font-variation-settings:"opsz" 36;display:flex;align-items:baseline;gap:var(--s-2)}.sidebar-brand-mark em{font-style:italic;color:var(--accent);font-weight:400}.sidebar-brand-sub{display:block;margin-top:var(--s-1);font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted)}.nav-group{display:flex;flex-direction:column;gap:var(--s-1)}.nav-group-label{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-subtle);margin-bottom:var(--s-2);padding:0 var(--s-3)}.nav-item{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);color:var(--text-dim);font-size:.9rem;border-radius:var(--r-sm);transition:all .12s ease;border:none;cursor:pointer;text-decoration:none;border-bottom:none!important}.nav-item:hover{color:var(--text);background:var(--ink-hover)}.nav-item.active{color:var(--accent);background:var(--ink-hover)}.nav-item-badge{margin-left:auto;font-family:var(--font-mono);font-size:.7rem;padding:2px 8px;border-radius:999px;background:var(--danger);color:var(--paper);font-weight:500}.nav-item-badge.warning{background:var(--accent-dim);color:var(--ink)}.sidebar-footer{margin-top:auto;padding-top:var(--s-4);border-top:1px solid var(--border);font-family:var(--font-mono);font-size:.7rem;color:var(--text-subtle);line-height:1.6}.main{padding:var(--s-7) var(--s-8);max-width:1400px;width:100%}.page-header{margin-bottom:var(--s-7)}.page-eyebrow{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);margin-bottom:var(--s-3)}.page-title{font-family:var(--font-display);font-size:clamp(2.25rem,4vw,3.5rem);font-weight:400;line-height:1.05;letter-spacing:-.03em;font-variation-settings:"opsz" 144;color:var(--text);margin-bottom:var(--s-3)}.page-title em{font-style:italic;color:var(--accent);font-weight:400}.page-description{font-size:1.05rem;color:var(--text-dim);max-width:60ch;line-height:1.6}@media (max-width: 960px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--border)}.main{padding:var(--s-5)}}