:root{--navy-950:#07111f;--navy-900:#0b172a;--navy-800:#13233a;--slate-700:#334155;--slate-600:#475569;--slate-500:#64748b;--slate-300:#cbd5e1;--slate-200:#e2e8f0;--slate-100:#f1f5f9;--slate-50:#f8fafc;--white:#fff;--teal-700:#0f766e;--teal-600:#0d9488;--teal-100:#ccfbf1;--amber-700:#b45309;--amber-100:#fef3c7;--red-700:#b91c1c;--red-100:#fee2e2;--green-700:#15803d;--green-100:#dcfce7;--radius:16px;--shadow:0 1px 2px #07111f0f, 0 12px 32px #07111f0d}*{box-sizing:border-box}html{background:var(--slate-100);color:var(--navy-900);font-size:16px}body{min-width:320px;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.045em;margin-bottom:.65rem;font-size:clamp(2rem,5vw,3.4rem);line-height:1.03}h2{letter-spacing:-.025em;margin-bottom:.35rem;font-size:clamp(1.25rem,2.5vw,1.65rem);line-height:1.2}h3{margin-bottom:.25rem;font-size:1.02rem;line-height:1.3}code{color:var(--slate-600);overflow-wrap:anywhere;font:500 .78rem ui-monospace,SFMono-Regular,Menlo,monospace}button,input,textarea,a{outline-offset:3px}:focus-visible{outline:3px solid #2dd4bf}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.login-shell{background:radial-gradient(circle at 80% 5%, #0d948840, transparent 33%), linear-gradient(145deg, var(--navy-950), var(--navy-800));place-items:center;min-height:100svh;padding:1.25rem;display:grid}.login-card{background:#fffffffa;border:1px solid #ffffff1f;border-radius:24px;width:min(100%,31rem);padding:clamp(1.5rem,6vw,3rem);box-shadow:0 30px 80px #00000052}.brand-mark{background:var(--navy-900);color:#5eead4;border-radius:14px;place-items:center;width:3.5rem;height:3.5rem;margin-bottom:1.5rem;font-size:1.45rem;font-weight:850;display:grid}.brand-mark.small{border:1px solid #5eead459;border-radius:9px;width:2.15rem;height:2.15rem;margin:0;font-size:.95rem}.eyebrow{color:var(--teal-700);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.45rem;font-size:.72rem;font-weight:800}.lede{max-width:48rem;color:var(--slate-600);margin-bottom:0;font-size:1.03rem}.login-form,.command-form{gap:1rem;margin-top:1.65rem;display:grid}.login-form label,.command-form label{color:var(--navy-800);gap:.45rem;font-size:.9rem;font-weight:700;display:grid}input,textarea{border:1px solid var(--slate-300);background:var(--white);width:100%;color:var(--navy-900);border-radius:10px;padding:.75rem .85rem;transition:border .15s,box-shadow .15s}input:focus,textarea:focus{border-color:var(--teal-600);outline-offset:2px;outline:3px solid #2dd4bf;box-shadow:0 0 0 3px #0d948833}textarea{resize:vertical}.form-error{color:var(--red-700);margin:0;font-size:.9rem;font-weight:650}.primary-button,.secondary-button,.danger-button,.text-button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;min-height:2.7rem;padding:.68rem 1rem;font-weight:760;transition:transform .12s,background .12s;display:inline-flex}.primary-button{background:var(--teal-700);color:#fff}.primary-button:hover{background:#115e59;transform:translateY(-1px)}.secondary-button{border-color:var(--slate-300);background:var(--white);color:var(--navy-800)}.secondary-button:hover{border-color:var(--teal-600)}.danger-button{background:var(--red-700);color:#fff}button:disabled{opacity:.62;cursor:wait;transform:none!important}.workspace-shell{grid-template:4.25rem 1fr/14rem minmax(0,1fr);min-height:100svh;display:grid}.topbar{z-index:20;background:var(--navy-950);color:#fff;border-bottom:1px solid #ffffff14;grid-column:1/-1;grid-template-columns:14rem 1fr auto;align-items:center;min-width:0;display:grid}.brand{letter-spacing:-.02em;align-items:center;gap:.7rem;padding-left:1.35rem;font-size:1.05rem;font-weight:820;display:flex}.topbar-context{min-width:0;color:var(--slate-300);align-items:center;gap:1rem;padding-left:1.5rem;font-size:.78rem;display:flex}.workspace-label{flex:none}.live-refresh{min-width:0;color:var(--slate-300);white-space:nowrap;align-items:center;gap:.42rem;display:inline-flex}.live-refresh>span:last-child{text-overflow:ellipsis;overflow:hidden}.live-refresh-dot{background:var(--slate-500);border-radius:50%;flex:none;width:.45rem;height:.45rem}.live-refresh.online .live-refresh-dot,.live-refresh.refreshing .live-refresh-dot{background:#2dd4bf;box-shadow:0 0 0 3px #2dd4bf1f}.live-refresh.paused .live-refresh-dot{background:#f59e0b}.live-refresh.offline .live-refresh-dot{background:#f87171}.topbar form{padding-right:1.25rem}.text-button{min-height:auto;color:var(--slate-200);background:0 0;border-color:#ffffff2e;padding:.45rem .75rem;font-size:.84rem}.sidebar{background:var(--navy-900);color:var(--slate-200);grid-row:2;padding:1.5rem 1rem}.nav-label{color:var(--slate-500);letter-spacing:.13em;text-transform:uppercase;margin:0 .65rem 1rem;font-size:.67rem;font-weight:800}.sidebar nav{gap:.35rem;display:grid}.sidebar nav a{color:var(--slate-200);border-radius:9px;align-items:center;gap:.75rem;padding:.72rem .78rem;font-size:.92rem;font-weight:650;display:flex}.sidebar nav a:hover{color:#fff;background:#ffffff14}.sidebar nav a span{color:#5eead4;text-align:center;width:1.2rem;font-size:1.05rem}.sidebar-note{color:var(--slate-300);border:1px solid #5eead426;border-radius:10px;margin-top:2.2rem;padding:.8rem;font-size:.75rem}.signal-dot{background:#2dd4bf;border-radius:50%;width:.48rem;height:.48rem;margin-right:.55rem;display:inline-block;box-shadow:0 0 0 4px #2dd4bf1c}.workspace-main{background:var(--slate-100);min-width:0;padding:clamp(1.25rem,3.6vw,3rem)}.mobile-nav{display:none}.page-stack{gap:1.25rem;width:min(100%,90rem);margin-inline:auto;display:grid}.page-header{justify-content:space-between;align-items:end;gap:2rem;padding:.8rem 0 .25rem;display:flex}.page-header h1{max-width:54rem}.page-actions{flex:none}.panel{border:1px solid var(--slate-200);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow);padding:clamp(1rem,2.4vw,1.5rem)}.panel-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.1rem;display:flex}.panel-heading h2{margin-bottom:0}.result-count{color:var(--slate-500);flex:none;font-size:.78rem;font-weight:700}.snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.snapshot-banner{border:1px solid var(--slate-200);border-left:4px solid var(--teal-600);background:var(--white);min-height:4.6rem;box-shadow:var(--shadow);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.snapshot-banner.stale{border-left-color:var(--amber-700)}.snapshot-banner.unavailable{border-left-color:var(--red-700)}.snapshot-banner>div{align-items:center;gap:.7rem;display:flex}.snapshot-banner strong{font-size:.9rem}.snapshot-banner p{color:var(--slate-500);text-align:right;margin:0;font-size:.72rem}.status-badge{background:var(--slate-100);width:max-content;color:var(--slate-700);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:.38rem;padding:.22rem .48rem;font-size:.66rem;font-weight:800;display:inline-flex}.status-badge>span{background:currentColor;border-radius:50%;width:.4rem;height:.4rem}.status-badge.good{background:var(--green-100);color:var(--green-700)}.status-badge.warn{background:var(--amber-100);color:var(--amber-700)}.status-badge.bad{background:var(--red-100);color:var(--red-700)}.status-badge.live{background:var(--teal-100);color:var(--teal-700)}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.metric-grid article{border:1px solid var(--slate-200);background:var(--white);box-shadow:var(--shadow);border-radius:13px;padding:1rem 1.15rem;display:grid}.metric-grid article span{color:var(--slate-600);text-transform:uppercase;letter-spacing:.055em;font-size:.78rem;font-weight:750}.metric-grid article strong{letter-spacing:-.04em;margin:.15rem 0;font-size:2rem;line-height:1.2}.metric-grid article small{color:var(--slate-500)}.metric-grid article.amber{border-top:3px solid #f59e0b}.project-tools{grid-template-columns:minmax(15rem,1fr) auto;gap:1rem;margin-bottom:1.1rem;display:grid}.search-field{align-items:center;display:flex;position:relative}.search-field>span:not(.sr-only){color:var(--slate-500);font-size:1.2rem;position:absolute;left:.8rem}.search-field input{padding-left:2.35rem}.filter-row{background:var(--slate-100);border-radius:11px;gap:.35rem;padding:.28rem;display:flex}.filter-row button,.mode-tabs button{color:var(--slate-600);cursor:pointer;text-transform:capitalize;background:0 0;border:0;border-radius:8px;padding:.52rem .72rem;font-size:.78rem;font-weight:740}.filter-row button.active,.mode-tabs button[aria-pressed=true]{background:var(--white);color:var(--navy-900);box-shadow:0 1px 4px #07111f1f}.project-list{gap:.7rem;display:grid}.project-card{border:1px solid var(--slate-200);border-radius:12px;gap:.9rem;padding:1rem;transition:border-color .15s,transform .15s,box-shadow .15s;display:grid}.project-card:hover{border-color:#5eead4;transform:translateY(-1px);box-shadow:0 10px 24px #0f766e14}.project-card-top,.project-card-footer{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.project-card-top h3{margin-right:.65rem;display:inline}.project-type{color:var(--teal-700);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem;font-size:.66rem;font-weight:800;display:block}.chevron{color:var(--teal-700);font-size:1.4rem}.project-objective{color:var(--slate-700);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.project-statuses{flex-wrap:wrap;gap:.5rem 1.2rem;display:flex}.project-statuses>span{color:var(--slate-500);align-items:center;gap:.45rem;font-size:.72rem;font-weight:650;display:flex}.project-card-footer{border-top:1px solid var(--slate-100);color:var(--slate-500);padding-top:.7rem;font-size:.72rem}.project-card-footer time{flex:none}.blocker-line{color:var(--amber-700)}.empty-state{color:var(--slate-500);text-align:center;padding:2.4rem 1rem}.empty-state h3{color:var(--navy-800)}.empty-state p{margin-bottom:0}.unavailable-panel{text-align:center;padding-block:2.5rem}.unavailable-panel .status-badge{margin:0 auto 1rem}.unavailable-panel p{max-width:42rem;color:var(--slate-600);margin:0 auto}.command-panel{border-top:4px solid var(--teal-600)}.mode-tabs{background:var(--slate-100);border-radius:11px;gap:.4rem;padding:.3rem;display:flex}.mode-tabs button{text-transform:none;flex:1;min-height:2.65rem;font-size:.88rem}.mode-explainer{border-left:3px solid var(--teal-600);background:#f0fdfa;border-radius:8px;margin-top:.8rem;padding:.85rem 1rem}.mode-explainer.mode-instruct{background:#eff6ff;border-left-color:#2563eb}.mode-explainer.mode-control{border-left-color:var(--red-700);background:#fff7f7}.mode-explainer.mode-request,.mode-explainer.mode-create{border-left-color:var(--amber-700);background:#fffbeb}.mode-explainer strong{font-size:.85rem}.mode-explainer p{color:var(--slate-600);margin:.15rem 0 0;font-size:.8rem}.command-form fieldset{border:1px solid var(--slate-200);border-radius:10px;margin:0;padding:1rem}.command-form legend{padding:0 .4rem;font-weight:750}.control-options{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.control-options label{cursor:pointer;display:block}.control-options input{opacity:0;pointer-events:none;position:absolute}.control-options span{border:1px solid var(--slate-300);color:var(--slate-600);text-align:center;text-transform:capitalize;border-radius:9px;padding:.8rem;display:block}.control-options input:checked+span{border-color:var(--red-700);background:var(--red-100);color:var(--red-700);font-weight:750}.control-options input:focus-visible+span{outline-offset:3px;outline:3px solid #2dd4bf}.confirm-copy{color:var(--slate-600);margin:.9rem 0 0;font-size:.8rem}.intake-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.intake-grid .full{grid-column:1/-1}.form-notice{border-radius:8px;margin:0;padding:.75rem .9rem;font-size:.82rem;font-weight:650}.form-notice.good{background:var(--green-100);color:var(--green-700)}.form-notice.bad{background:var(--red-100);color:var(--red-700)}.form-notice.warn{background:var(--amber-100);color:var(--amber-700)}.submit-row{justify-content:space-between;align-items:center;gap:1rem;padding-top:.2rem;display:flex}.submit-row>span{color:var(--slate-500);font-size:.74rem}.project-brief{grid-template-columns:minmax(0,1fr) 13rem;gap:2rem;display:grid}.brief-main>h2{max-width:58rem;font-size:clamp(1.35rem,3vw,2rem)}.outcome-box{background:var(--slate-50);border-radius:10px;margin-top:1.25rem;padding:1rem}.outcome-box span{color:var(--slate-500);text-transform:uppercase;margin-bottom:.3rem;font-size:.7rem;font-weight:750;display:block}.outcome-box p{margin:0}.project-brief aside{border-left:1px solid var(--slate-200);flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem;display:flex}.project-brief aside small{color:var(--slate-500)}.progress-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.progress-grid article>div{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.progress-grid article>div>span{font-weight:800}.progress-grid article p{min-height:3rem;color:var(--slate-600);margin:.9rem 0}.progress-grid time,.component-grid time{color:var(--slate-500);font-size:.72rem}.blocker-panel{border-left:4px solid var(--teal-600);justify-content:space-between;align-items:center;display:flex}.blocker-panel.has-blocker{border-left-color:var(--amber-700);background:#fffcf5}.blocker-panel p:last-child{color:var(--slate-600);margin:0}.component-grid{grid-template-columns:repeat(3,1fr);gap:.7rem;display:grid}.component-grid article{border:1px solid var(--slate-200);border-radius:11px;padding:1rem}.component-grid article>div,.incident>div,.incident footer{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.component-grid article h3,.incident h3{margin:0}.component-grid article p{min-height:2.8rem;color:var(--slate-600);margin:.7rem 0;font-size:.86rem}.incident-list{gap:.65rem;display:grid}.incident{border:1px solid var(--slate-200);border-left:4px solid var(--slate-500);border-radius:10px;padding:1rem}.incident.warning{border-left-color:var(--amber-700)}.incident.critical{border-left-color:var(--red-700)}.incident p{color:var(--slate-600);margin:.65rem 0}.incident footer{color:var(--slate-500);font-size:.74rem}.history-list{display:grid}.history-item{border-top:1px solid var(--slate-200);grid-template-columns:minmax(0,1fr) auto;gap:1.5rem;padding:1rem 0;display:grid}.history-item:first-child{border-top:0;padding-top:0}.history-main>div{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.history-main p{color:var(--slate-600);margin:.45rem 0 0;font-size:.86rem}.history-meta{color:var(--slate-500);align-content:start;justify-items:end;gap:.35rem;font-size:.7rem;display:grid}.history-meta code{max-width:15rem;font-size:.66rem}@media (max-width:960px){.metric-grid{grid-template-columns:repeat(2,1fr)}.progress-grid,.component-grid,.project-tools,.intake-grid{grid-template-columns:1fr}.intake-grid .full{grid-column:auto}}@media (max-width:720px){h1{font-size:2.05rem}.workspace-shell{padding:3.8rem 0 5.1rem;display:block}.topbar{grid-template-columns:auto 1fr auto;height:3.8rem;position:fixed;inset:0 0 auto}.brand{padding-left:.75rem}.brand>span:last-child{display:none}.brand-mark.small{width:2rem;height:2rem}.topbar-context{gap:0;padding:0 .65rem;font-size:.7rem;overflow:hidden}.workspace-label{display:none}.topbar form{padding-right:.65rem}.text-button{padding:.38rem .58rem}.sidebar{display:none}.workspace-main{padding:1rem}.mobile-nav{z-index:30;height:4.5rem;padding:.35rem max(.25rem, env(safe-area-inset-right)) calc(.35rem + env(safe-area-inset-bottom)) max(.25rem, env(safe-area-inset-left));background:var(--navy-950);color:var(--slate-300);border-top:1px solid #ffffff1a;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}.mobile-nav a{align-content:center;place-items:center;gap:.1rem;min-width:0;display:grid}.mobile-nav a>span{color:#5eead4;line-height:1}.mobile-nav small{font-size:.65rem}.page-header{align-items:start;gap:1rem;display:grid}.page-actions{justify-self:start}.snapshot-grid,.metric-grid{grid-template-columns:1fr}.snapshot-banner{flex-direction:column;align-items:flex-start;gap:.45rem}.snapshot-banner p{text-align:left}.metric-grid{grid-template-columns:repeat(2,1fr);gap:.65rem}.metric-grid article{padding:.85rem}.metric-grid article strong{font-size:1.6rem}.filter-row{overflow-x:auto}.filter-row button{flex:none}.project-card-footer,.submit-row{flex-direction:column;align-items:flex-start}.submit-row button{width:100%}.project-statuses{grid-template-columns:1fr;display:grid}.mode-tabs{overflow-x:auto}.mode-tabs button{min-width:5.5rem}.control-options{grid-template-columns:1fr}.project-brief{grid-template-columns:1fr;gap:1rem}.project-brief aside{border-left:0;border-top:1px solid var(--slate-200)}.history-item{grid-template-columns:1fr;gap:.75rem}.history-meta{justify-items:start}.history-meta code{max-width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.command-form select{color:#0f172a;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #64748b;border-radius:.5rem;padding:.75rem}.repair-check{align-items:flex-start;gap:.75rem;display:flex!important}.repair-check input{flex:none;min-height:1.25rem;margin-top:.25rem;width:1.25rem!important}
