:root{--bg:#09110f;--panel:#111b18;--panel-2:#17231f;--panel-3:#1d2b26;--line:#2a3933;--line-soft:#202e29;--text:#f2f4ef;--muted:#99aaa3;--quiet:#71827b;--mint:#7dd3ad;--mint-strong:#a7e8c9;--amber:#e4bd70;--red:#e38983;--blue:#8ebedf;--violet:#bcabe8;--sidebar:236px;--topbar:68px;--radius:16px;--shadow:0 18px 50px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 80% -10%,rgba(71,125,99,.12),transparent 35%),var(--bg);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit}button,a{color:inherit}.skip-link{position:fixed;z-index:100;top:-50px;left:1rem;padding:.65rem 1rem;background:var(--mint);color:#08120e;border-radius:8px}.skip-link:focus{top:1rem}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);display:flex;flex-direction:column;padding:22px 14px;border-right:1px solid var(--line-soft);background:rgba(9,17,15,.94);backdrop-filter:blur(20px);z-index:20}.brand{display:flex;gap:11px;align-items:center;padding:3px 10px 26px;text-decoration:none}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,var(--mint-strong),#4c9875);color:#07100c;font-weight:800;box-shadow:0 0 24px rgba(125,211,173,.16)}.brand strong,.brand small,.sidebar-foot strong,.sidebar-foot small{display:block}.brand strong{font-size:14px;letter-spacing:.01em}.brand small,.sidebar-foot small{color:var(--quiet);font-size:11px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:12px;min-height:43px;padding:0 12px;border:1px solid transparent;border-radius:10px;color:var(--muted);text-decoration:none;transition:.16s ease}.sidebar nav a span{width:18px;text-align:center;font-size:17px}.sidebar nav a:hover{color:var(--text);background:var(--panel)}.sidebar nav a.active{color:var(--mint-strong);border-color:rgba(125,211,173,.18);background:rgba(125,211,173,.09)}.sidebar-foot{display:flex;align-items:center;gap:10px;margin:auto 7px 0;padding:14px 8px;border-top:1px solid var(--line-soft)}.system-dot{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px rgba(228,189,112,.09)}.system-dot.online{background:var(--mint);box-shadow:0 0 0 4px rgba(125,211,173,.09)}.system-dot.offline{background:var(--red)}.topbar{position:fixed;z-index:15;top:0;right:0;left:var(--sidebar);height:var(--topbar);display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line-soft);background:rgba(9,17,15,.86);backdrop-filter:blur(20px)}.breadcrumb{font-size:13px;color:var(--quiet)}.breadcrumb span{margin:0 7px;color:#41504a}.top-actions{display:flex;align-items:center;gap:8px}.search-trigger{height:36px;width:220px;display:flex;justify-content:space-between;align-items:center;padding:0 10px 0 13px;color:var(--quiet);background:var(--panel);border:1px solid var(--line);border-radius:9px;cursor:pointer}.search-trigger:hover{border-color:#42554d;color:var(--muted)}kbd,.key-button{font-size:11px;color:var(--quiet);background:var(--panel-3);border:1px solid var(--line);border-radius:5px;padding:1px 6px}.icon-button,.avatar{border:1px solid var(--line);background:var(--panel);cursor:pointer}.icon-button{width:36px;height:36px;border-radius:9px;color:var(--muted)}.icon-button:hover{color:var(--text);border-color:#42554d}.avatar{width:34px;height:34px;border-radius:50%;margin-left:3px;color:#0d1713;background:var(--mint);font-weight:800;font-size:11px}.menu-button{display:none}main{margin-left:var(--sidebar);padding:calc(var(--topbar) + 38px) clamp(22px,4vw,60px) 70px;min-height:100vh}.page{max-width:1400px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{margin:0 0 7px;color:var(--mint);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.14em}.page h1{margin:0;font-size:clamp(27px,3vw,40px);line-height:1.12;letter-spacing:-.035em}.lede{max-width:700px;margin:9px 0 0;color:var(--muted);font-size:15px}.meta-line{margin:8px 0 0;color:var(--quiet);font-size:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:0 15px;border:1px solid var(--line);border-radius:9px;background:var(--panel-2);color:var(--text);font-weight:650;cursor:pointer;text-decoration:none}.button:hover{border-color:#52655d;background:var(--panel-3)}.button.primary{color:#07110d;background:var(--mint);border-color:var(--mint)}.button.primary:hover{background:var(--mint-strong)}.button.danger{color:var(--red)}.button.small{min-height:31px;padding:0 10px;font-size:12px}.grid{display:grid;gap:18px}.grid.metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px}.grid.two{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr)}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric,.card{border:1px solid var(--line-soft);background:linear-gradient(155deg,rgba(23,35,31,.96),rgba(15,25,22,.96));box-shadow:0 1px 0 rgba(255,255,255,.015)}.metric{padding:17px 18px;border-radius:13px}.metric-label{color:var(--quiet);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.metric-value{display:block;margin-top:5px;font-size:25px;font-weight:720;letter-spacing:-.03em}.metric-note{display:block;margin-top:2px;color:var(--muted);font-size:12px}.card{border-radius:var(--radius);padding:21px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.card-head h2,.card-head h3{margin:0;font-size:15px;letter-spacing:-.01em}.card-head a,.text-button{border:0;background:none;color:var(--mint);font-size:12px;cursor:pointer;text-decoration:none}.command-card{padding:25px;border-color:rgba(125,211,173,.2);background:linear-gradient(145deg,rgba(22,39,32,.98),rgba(14,24,21,.98))}.command-input{display:flex;gap:10px;margin-top:18px}.command-input textarea{flex:1;min-height:62px;max-height:160px;resize:vertical}.field,textarea,select,input[type="text"],input[type="url"],input[type="search"]{width:100%;color:var(--text);background:#0c1512;border:1px solid var(--line);border-radius:9px;padding:11px 12px;outline:none}.field:focus,textarea:focus,select:focus,input:focus{border-color:var(--mint);box-shadow:0 0 0 3px rgba(125,211,173,.08)}label{display:block;margin-bottom:6px;color:var(--muted);font-size:12px;font-weight:650}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid .wide{grid-column:1/-1}.feed,.list{display:grid;gap:2px}.list-row,.feed-row{display:flex;align-items:flex-start;gap:12px;padding:13px 3px;border-bottom:1px solid var(--line-soft)}.list-row:last-child,.feed-row:last-child{border-bottom:0}.row-main{min-width:0;flex:1}.row-title{display:flex;align-items:center;gap:8px;margin:0;color:var(--text);font-weight:650}.row-copy{margin:4px 0 0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.row-meta{margin-top:6px;color:var(--quiet);font-size:11px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.055em;white-space:nowrap}.badge::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge.evidence,.badge.complete,.badge.certified{color:var(--mint)}.badge.inference,.badge.running{color:var(--blue)}.badge.recommendation,.badge.pending,.badge.blocked{color:var(--amber)}.badge.decision,.badge.approved{color:var(--violet)}.badge.execution,.badge.rejected,.badge.failed{color:var(--red)}.status-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:var(--panel-3);color:var(--mint)}.project-grid,.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card,.capability-card{cursor:pointer;transition:transform .15s,border-color .15s}.project-card:hover,.capability-card:hover{transform:translateY(-2px);border-color:#40534b}.project-card h2,.capability-card h2{margin:9px 0 7px;font-size:17px}.project-card p,.capability-card p{color:var(--muted);font-size:12px}.project-foot{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:13px;border-top:1px solid var(--line-soft)}.progress{height:5px;overflow:hidden;border-radius:10px;background:#26342f}.progress span{display:block;height:100%;background:var(--mint)}.empty-state,.loading-state{padding:45px 25px;text-align:center;color:var(--muted)}.empty-state strong{display:block;margin-bottom:5px;color:var(--text)}.skeleton{height:14px;border-radius:6px;background:linear-gradient(90deg,var(--panel-2),var(--panel-3),var(--panel-2));background-size:200%;animation:shimmer 1.5s infinite}.skeleton+.skeleton{margin-top:10px;width:75%}@keyframes shimmer{to{background-position:-200% 0}}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.filter-chip{padding:6px 10px;color:var(--muted);border:1px solid var(--line);border-radius:999px;background:transparent;cursor:pointer;font-size:12px}.filter-chip.active{color:#09110f;background:var(--mint);border-color:var(--mint)}.search-dialog,.detail-dialog{width:min(700px,calc(100vw - 30px));padding:0;color:var(--text);border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--shadow)}.detail-dialog{width:min(820px,calc(100vw - 30px))}.search-dialog::backdrop,.detail-dialog::backdrop{background:rgba(2,7,5,.72);backdrop-filter:blur(4px)}.dialog-frame{position:relative}.dialog-search{display:flex;align-items:center;gap:10px;padding:13px;border-bottom:1px solid var(--line)}.dialog-search input{border:0;background:transparent;box-shadow:none}.dialog-search .key-button{margin-left:auto}.search-results{max-height:500px;overflow:auto;padding:9px 13px 16px}.search-result{display:flex;align-items:flex-start;gap:10px;padding:11px;border-radius:9px;cursor:pointer}.search-result:hover{background:var(--panel-3)}.empty-copy{padding:20px;text-align:center;color:var(--quiet)}.dialog-close{position:absolute;z-index:2;right:15px;top:13px;border:0;background:transparent;color:var(--muted);font-size:25px;cursor:pointer}.detail-body{padding:30px}.detail-body h2{margin:5px 40px 10px 0;font-size:26px}.detail-section{margin-top:24px;padding-top:18px;border-top:1px solid var(--line-soft)}.detail-section h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--quiet)}.definition-list{display:grid;grid-template-columns:140px 1fr;gap:8px 16px}.definition-list dt{color:var(--quiet)}.definition-list dd{margin:0;overflow-wrap:anywhere}.toast-region{position:fixed;z-index:60;right:22px;bottom:22px;display:grid;gap:10px}.toast{max-width:390px;padding:13px 16px;border:1px solid var(--line);border-left:3px solid var(--mint);border-radius:9px;background:var(--panel-2);box-shadow:var(--shadow);animation:toast-in .2s ease}.toast.error{border-left-color:var(--red)}@keyframes toast-in{from{transform:translateY(8px);opacity:0}}.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}
@media(max-width:1050px){.grid.metrics{grid-template-columns:repeat(2,1fr)}.project-grid,.capability-grid,.grid.three{grid-template-columns:repeat(2,1fr)}.grid.two{grid-template-columns:1fr}}
@media(max-width:760px){:root{--topbar:60px}.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:none;box-shadow:var(--shadow)}.topbar{left:0;padding:0 14px}.menu-button{display:block}.breadcrumb{display:none}main{margin-left:0;padding:calc(var(--topbar) + 25px) 16px 55px}.search-trigger{width:36px}.search-trigger span,.search-trigger kbd{display:none}.search-trigger::before{content:"⌕"}.page-head{align-items:flex-start;flex-direction:column}.grid.metrics,.project-grid,.capability-grid,.grid.three,.form-grid{grid-template-columns:1fr}.command-input{flex-direction:column}.form-grid .wide{grid-column:auto}.definition-list{grid-template-columns:1fr;gap:2px}.definition-list dd{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
