@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Mono:wght@400;500&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap";:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--slate-blue:#2d4a5e;--slate-blue-light:#4a6373;--harvest-tan:#a07d5a;--harvest-tan-hover:#8a6a4a;--harvest-gold:#c4763a;--sage:#5a6b5a;--sage-light:#7a8b7a;--navy:#2d4a5e;--navy-mid:#3a5669;--navy-light:#4a6373;--gold:#a07d5a;--gold-light:#c4a87a;--gold-muted:#8a6a4a;--slate:#4a6373;--slate-light:#6e8ba8;--cream:#f5f0e8;--cream-dim:#e8e2d8;--white:#fdfbf7;--green:#3d8c6e;--green-light:#e8f4ef;--amber:#c4763a;--amber-light:#fdf0e0;--red:#b44040;--red-light:#faeaea;--flag:#7c6bc4;--flag-light:#f0ebff;--status-off:#a4abb6;--status-normal:#3d8c6e;--status-caution:#d4a843;--status-serious:#c4763a;--status-critical:#b44040;--text-primary:#1c1917;--text-secondary:#57534e;--text-muted:#78716c;--border:#e2ddd5;--border-subtle:#ede8e0;--bg:#fdfbf7;--bg-secondary:#f5f0e8;--card:#fff;--card-hover:#fafaf8;--tag-people:#a07d5a;--tag-automation:#c4763a;--tag-infrastructure:#2d4a5e;--tag-home:#5a6b5a;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:100px;--shadow-sm:0 1px 2px #1c19170a;--shadow-md:0 2px 8px #1c19170f;--shadow-lg:0 4px 16px #1c191714}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.6}html{scroll-behavior:smooth}h1,h2,h3,h4{letter-spacing:-.01em;color:var(--text-primary);font-family:DM Serif Display,serif;font-weight:400}.mono{font-family:DM Mono,monospace}a{color:var(--navy);text-decoration:none}.tag{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:500;line-height:1.4;display:inline-flex}.tag-gold{color:var(--gold);background:#a07d5a1a;border:1px solid #a07d5a33}.tag-green{color:var(--green);background:#3d8c6e14;border:1px solid #3d8c6e26}.tag-slate{color:var(--slate-blue);background:#2d4a5e14;border:1px solid #2d4a5e26}.tag-amber{color:var(--amber);background:#c4763a14;border:1px solid #c4763a26}.tag-red{color:var(--red);background:#b440400f;border:1px solid #b440401f}.tag-flag{color:var(--flag);background:#7c6bc40f;border:1px solid #7c6bc41f}.tag-people{color:var(--tag-people);background:#a07d5a1a;border:1px solid #a07d5a33}.tag-automation{color:var(--tag-automation);background:#c4763a14;border:1px solid #c4763a26}.tag-infrastructure{color:var(--tag-infrastructure);background:#2d4a5e14;border:1px solid #2d4a5e26}.tag-home{color:var(--tag-home);background:#5a6b5a14;border:1px solid #5a6b5a26}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow-sm)}.stat-box{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);text-align:center;background:#ffffff0d;border:1px solid #ffffff14;min-width:80px}.stat-val{color:var(--gold-light);font-family:DM Mono,monospace;font-size:17px;font-weight:500;display:block}.stat-lbl{color:var(--slate-light);text-transform:uppercase;letter-spacing:.07em;margin-top:2px;font-size:10px;display:block}.severity-critical{color:var(--status-critical)}.severity-warning{color:var(--status-serious)}.severity-info{color:var(--status-off)}.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--navy);z-index:100;border-bottom:1px solid #a07d5a33;position:sticky;top:0}.header-inner{max-width:1400px;padding:var(--space-1) var(--space-7);justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 auto;display:flex}.brand{align-items:center;display:flex}.brand-name{color:#fdfbf7;letter-spacing:-.01em;font-family:DM Serif Display,serif;font-size:16px}.brand-pipe{color:var(--gold);margin:0 var(--space-2);opacity:.5}.brand-doc{color:#fdfbf780;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:500}.header-right{align-items:center;gap:var(--space-3);display:flex}.header-user{color:#fdfbf780;font-size:12px}.btn-hdr{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;color:#fdfbf799;background:0 0;border:1px solid #fdfbf726;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;transition:all .15s}.btn-hdr:hover{color:#fdfbf7e6;background:#fdfbf714}.app-body{flex:1;grid-template-columns:208px 1fr;gap:0;width:100%;max-width:1400px;margin:0 auto;display:grid}.app-nav{padding:var(--space-5) var(--space-3);border-right:1px solid var(--border-subtle);background:var(--bg);flex-direction:column;height:calc(100vh - 36px);display:flex;position:sticky;top:36px;overflow-y:auto}.nav-section{margin-bottom:var(--space-2)}.nav-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:0 var(--space-3);margin-bottom:var(--space-1);font-size:10px;font-weight:600}.nav-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);margin-bottom:1px;font-size:13px;font-weight:400;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:var(--text-primary);background:#2d4a5e0a}.nav-item.active{color:var(--text-primary);background:#2d4a5e0f;font-weight:500}.nav-icon{opacity:.4;text-align:center;width:16px;font-size:10px}.nav-item.active .nav-icon{opacity:.7}.nav-divider{background:var(--border-subtle);height:1px;margin:var(--space-3) 0}.app-main{padding:var(--space-7);min-height:calc(100vh - 44px)}.login-screen{background:linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--card);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-8);width:380px;box-shadow:var(--shadow-lg)}.login-brand{color:var(--text-primary);margin-bottom:var(--space-1);letter-spacing:-.01em;font-family:DM Serif Display,serif;font-size:22px}.login-sub{color:var(--text-muted);margin-bottom:var(--space-7);font-size:13px}.login-field{margin-bottom:var(--space-4)}.login-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--space-1);font-size:11px;font-weight:500;display:block}.login-input{width:100%;padding:var(--space-3) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);background:var(--bg);font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}.login-input:focus{border-color:var(--navy);outline:none;box-shadow:0 0 0 3px #2d4a5e14}.login-btn{width:100%;padding:var(--space-3);background:var(--navy);color:var(--gold-light);border-radius:var(--radius-md);cursor:pointer;margin-top:var(--space-2);border:none;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:background .15s}.login-btn:hover{background:var(--navy-mid)}.login-btn:disabled{opacity:.4;cursor:not-allowed}.login-error{color:var(--red);margin-top:var(--space-3);text-align:center;font-size:12px}.loading-screen{background:linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-brand{color:#fdfbf7;letter-spacing:-.01em;font-family:DM Serif Display,serif;font-size:24px}.loading-sub{color:#fdfbf766;text-transform:uppercase;letter-spacing:.12em;margin-top:var(--space-1);font-size:11px}.page-header{margin-bottom:var(--space-6)}.page-title{color:var(--text-primary);margin-bottom:var(--space-1);letter-spacing:-.01em;font-size:20px}.page-subtitle{color:var(--text-muted);font-size:13px}.kpi-row{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.kpi-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);transition:box-shadow .2s}.kpi-card:hover{box-shadow:var(--shadow-sm)}.kpi-value{color:var(--text-primary);font-family:DM Mono,monospace;font-size:24px;font-weight:500;line-height:1}.kpi-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-top:var(--space-1);font-size:10px}.empty-state{text-align:center;padding:var(--space-10) var(--space-5);color:var(--text-muted)}.empty-state-icon{margin-bottom:var(--space-3);opacity:.2;font-size:28px}.empty-state-text{color:var(--text-secondary);margin-bottom:var(--space-1);font-size:14px}.empty-state-sub{color:var(--text-muted);font-size:12px}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=tel],input[type=url],select,textarea{font-family:DM Sans,sans-serif;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--navy);outline:none;box-shadow:0 0 0 3px #2d4a5e0f}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{color:var(--text-primary);background:#2d4a5e26}.phase{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);transition:box-shadow .25s;overflow:hidden}.phase:hover{box-shadow:var(--shadow-sm)}.phase-header{padding:var(--space-4) var(--space-5);align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border-subtle);transition:background .15s;display:flex}.phase-header:hover{background:#2d4a5e05}.phase-num{border-radius:var(--radius-md);background:var(--navy);width:32px;height:32px;color:var(--gold-light);flex-shrink:0;justify-content:center;align-items:center;font-family:DM Mono,monospace;font-size:12px;font-weight:500;display:flex}.phase-title{color:var(--text-primary);letter-spacing:-.01em;flex:1;margin:0;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600}.phase-sub{color:var(--text-muted);margin-top:2px;font-size:12px;font-weight:400}.phase-meta{align-items:center;gap:var(--space-2);display:flex}.ph-pct{color:var(--text-muted);font-family:DM Mono,monospace;font-size:11px}.mini-bar{background:var(--border-subtle);border-radius:2px;width:64px;height:4px;overflow:hidden}.mini-fill{background:var(--green);border-radius:2px;height:100%;transition:width .5s}.chevron{color:var(--text-muted);text-align:center;opacity:.5;min-width:16px;font-size:14px;transition:transform .2s}.phase.collapsed .phase-body{display:none}.task{border-bottom:1px solid var(--border-subtle);grid-template-columns:48px 1fr;align-items:start;gap:0;transition:background .15s;display:grid}.task:last-of-type{border-bottom:none}.task:hover{background:#2d4a5e04}.task.done{opacity:.45}.task.done .task-title{color:var(--text-muted);text-decoration:line-through}.task.blocked{border-left:3px solid var(--status-critical)}.check-col{padding:var(--space-4) 0 var(--space-4) var(--space-4);align-items:flex-start;padding-top:18px;display:flex}.task-check{border:2px solid var(--border);background:var(--card);cursor:pointer;appearance:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex}.task-check:hover{border-color:var(--green);background:#3d8c6e0a}.task-check:checked{background:var(--green);border-color:var(--green);animation:.15s ease-out checkPop;box-shadow:0 1px 4px #3d8c6e40}.task-check:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700;display:block}@keyframes checkPop{0%{transform:scale(.85)}50%{transform:scale(1.1)}to{transform:scale(1)}}.task-body{padding:var(--space-4) var(--space-5) var(--space-4) var(--space-2);flex:1}.task-title{color:var(--text-primary);margin-bottom:var(--space-1);font-size:14px;font-weight:500;line-height:1.45}.task-detail{color:var(--text-muted);font-size:12.5px;line-height:1.6}.task-detail a{color:var(--navy);text-underline-offset:2px;text-decoration:underline}.task-flags{gap:var(--space-1);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.badge{padding:2px var(--space-2);border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:3px;font-size:10px;font-weight:500;display:inline-flex}.bd-derek{color:var(--slate-blue);background:#2d4a5e14}.bd-client{color:var(--harvest-tan-hover);background:#a07d5a14}.bd-both{color:var(--flag);background:#7c6bc40f}.bd-comp{color:#92400e;background:#c4763a0f;border:1px solid #c4763a26}.bd-np{color:var(--flag);background:#7c6bc40f}.bd-time{background:var(--bg-secondary);color:var(--text-muted);font-family:DM Mono,monospace}.bd-bill{color:var(--green);background:#3d8c6e0f}.bd-blocked{color:var(--status-critical);background:#b440400f}.bd-opp{color:var(--flag);background:#7c6bc40f}.task-note-wrap{padding:0 var(--space-5) var(--space-4) 56px}.task-note-wrap.open{display:block}.task-note{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-md);width:100%;padding:var(--space-3);color:var(--text-primary);background:var(--bg);resize:vertical;min-height:56px;font-family:DM Sans,sans-serif;font-size:13px;line-height:1.6;transition:border-color .2s,box-shadow .2s}.task-note:focus{border-color:var(--navy);outline:none;box-shadow:0 0 0 3px #2d4a5e0f}.note-btn{color:var(--text-muted);cursor:pointer;padding:var(--space-1) 0;margin-top:var(--space-2);background:0 0;border:none;font-family:DM Sans,sans-serif;font-size:11px;transition:color .15s}.note-btn:hover{color:var(--navy)}.comp-box{border:1px solid #c4763a1f;border-left:3px solid var(--amber);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-4) var(--space-5);margin:var(--space-2) var(--space-4) var(--space-3);background:#c4763a0a}.comp-box h4{text-transform:uppercase;letter-spacing:.08em;color:var(--amber);margin-bottom:var(--space-2);align-items:center;gap:var(--space-1);font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;display:flex}.comp-box p{color:#78350f;font-size:12.5px;line-height:1.6}.comp-box ul{color:#78350f;padding-left:var(--space-4);margin-top:var(--space-1);font-size:12.5px}.comp-box li{margin-bottom:var(--space-1);line-height:1.5}.opp-flag{border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin:var(--space-2) var(--space-4) var(--space-3);background:#7c6bc40a;border:1px solid #7c6bc41f}.opp-flag-h{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.opp-lbl{text-transform:uppercase;letter-spacing:.1em;color:var(--flag);font-size:10px;font-weight:600}.opp-partner{color:var(--flag);padding:2px var(--space-2);border-radius:var(--radius-full);background:#7c6bc40f;margin-left:auto;font-size:10px}.opp-body{color:var(--text-secondary);font-size:12.5px;line-height:1.6}.phase-note{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);padding:var(--space-3) var(--space-5);color:var(--text-muted);font-size:12.5px;font-style:italic;line-height:1.6}.playbook-legend{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4)}.playbook-legend h3{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-2);font-family:DM Sans,sans-serif;font-size:10px;font-weight:600}.legend-grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.legend-item{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:11px;display:flex}.playbook-stats{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.playbook-stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.playbook-stat-val{color:var(--text-primary);font-family:DM Mono,monospace;font-size:20px;font-weight:500;line-height:1;display:block}.playbook-stat-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-top:var(--space-1);font-size:10px;display:block}.playbook-stat-sub{color:var(--text-muted);margin-top:var(--space-1);font-size:11px}.playbook-stat.accent-green .playbook-stat-val{color:var(--green)}.playbook-stat.accent-gold .playbook-stat-val{color:var(--gold)}.playbook-stat.accent-purple .playbook-stat-val{color:var(--flag)}.playbook-filters{gap:var(--space-1);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.filter-pill{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);cursor:pointer;border:1px solid var(--border);background:var(--card);color:var(--text-muted);font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;transition:all .15s}.filter-pill:hover{border-color:var(--navy);color:var(--text-primary)}.filter-pill.active{background:var(--navy);color:var(--white);border-color:var(--navy)}.toast{bottom:var(--space-6);right:var(--space-6);background:var(--navy);color:var(--gold-light);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);opacity:0;pointer-events:none;z-index:999;box-shadow:var(--shadow-lg);border:1px solid #a07d5a33;font-family:DM Mono,monospace;font-size:12px;transition:all .3s;position:fixed;transform:translateY(8px)}.toast.show{opacity:1;transform:translateY(0)}