:root,[data-theme=dark]{--c-bg: #0A1628;--c-card: #0f1f3d;--c-card-hover: #132548;--c-inset: #091220;--c-border: rgba(255,255,255,.08);--c-border-hover: rgba(255,255,255,.15);--c-gold: #C9A84C;--c-gold-dim: rgba(201,168,76,.12);--c-gold-border: rgba(201,168,76,.3);--c-green: #22c55e;--c-green-bg: rgba(34,197,94,.1);--c-amber: #f59e0b;--c-amber-bg: rgba(245,158,11,.1);--c-red: #ef4444;--c-red-bg: rgba(239,68,68,.08);--c-blue: #3b82f6;--c-blue-bg: rgba(59,130,246,.08);--c-purple: #8b5cf6;--c-purple-bg: rgba(139,92,246,.08);--c-text: #ffffff;--c-text-2: rgba(255,255,255,.6);--c-text-muted: rgba(255,255,255,.35);--c-dot-grid: rgba(201,168,76,.025);--c-svg-box-fill: #0f1f3d;--c-svg-box-stroke: rgba(255,255,255,.12);--c-svg-lane: rgba(255,255,255,.06);--c-svg-arrow: rgba(255,255,255,.25)}[data-theme=light]{--c-bg: #faf9f7;--c-card: #ffffff;--c-card-hover: #f8f7f5;--c-inset: #f2f0ec;--c-border: #e7e5e4;--c-border-hover: #d6d3d1;--c-gold: #92722a;--c-gold-dim: rgba(146,114,42,.08);--c-gold-border: rgba(146,114,42,.25);--c-green: #16a34a;--c-green-bg: rgba(22,163,74,.08);--c-amber: #d97706;--c-amber-bg: rgba(217,119,6,.08);--c-red: #dc2626;--c-red-bg: rgba(220,38,38,.06);--c-blue: #2563eb;--c-blue-bg: rgba(37,99,235,.06);--c-purple: #7c3aed;--c-purple-bg: rgba(124,58,237,.06);--c-text: #1c1917;--c-text-2: #57534e;--c-text-muted: #a8a29e;--c-dot-grid: rgba(0,0,0,.03);--c-svg-box-fill: #ffffff;--c-svg-box-stroke: #e7e5e4;--c-svg-lane: #e7e5e4;--c-svg-arrow: #a8a29e}:root{--mono: "JetBrains Mono", monospace;--sans: "Outfit", -apple-system, sans-serif;--serif: "DM Serif Display", serif;--radius: 10px;--transition: .16s ease}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--c-bg);color:var(--c-text);font-family:var(--sans);-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--c-dot-grid) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:3px}.login-screen{height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius);padding:48px;width:380px;text-align:center}.login-title{font-family:var(--serif);font-size:24px;margin-bottom:6px}.login-sub{font-size:13px;color:var(--c-text-muted);margin-bottom:28px}.login-input{width:100%;background:var(--c-inset);border:1px solid var(--c-border);border-radius:6px;padding:12px 16px;color:var(--c-text);font-family:var(--mono);font-size:13px;outline:none;transition:border-color var(--transition);margin-bottom:16px}.login-input:focus{border-color:var(--c-gold)}.login-input::placeholder{color:var(--c-text-muted)}.login-btn{width:100%;background:var(--c-gold);color:#fff;border:none;border-radius:6px;padding:12px;font-family:var(--sans);font-size:14px;font-weight:600;cursor:pointer;transition:opacity var(--transition)}[data-theme=light] .login-btn{color:#fff}.login-btn:hover{opacity:.9}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-error{color:var(--c-red);font-size:12px;margin-top:12px}.login-toggle{background:none;border:none;color:var(--c-text-muted);font-family:var(--sans);font-size:12px;cursor:pointer;margin-top:20px;padding:0;transition:color var(--transition)}.login-toggle:hover{color:var(--c-gold)}.masked-input{display:flex;align-items:center;cursor:text;-webkit-user-select:none;user-select:none;outline:none}.masked-input.focused{border-color:var(--c-gold)}.masked-cursor{animation:blink 1s step-end infinite;color:var(--c-gold);font-weight:300;margin-left:1px}@keyframes blink{50%{opacity:0}}.shell{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:56px;border-bottom:1px solid var(--c-border);flex-shrink:0;background:var(--c-card)}.topbar-brand{display:flex;align-items:center;gap:10px}.topbar-logo{font-family:var(--serif);font-size:16px;color:var(--c-gold)}.topbar-label{font-family:var(--mono);font-size:10px;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.12em;padding:3px 8px;background:var(--c-gold-dim);border-radius:4px}.topbar-nav{display:flex;gap:4px}.topbar-tab{font-family:var(--mono);font-size:11px;font-weight:500;color:var(--c-text-2);text-transform:uppercase;letter-spacing:.08em;padding:8px 16px;border-radius:6px;border:none;background:transparent;cursor:pointer;transition:all var(--transition)}.topbar-tab:hover{color:var(--c-text);background:var(--c-inset)}.topbar-tab.active{color:var(--c-gold);background:var(--c-gold-dim)}.topbar-clock{font-family:var(--mono);font-size:11px;color:var(--c-text-muted)}.logout-btn{background:none;border:1px solid var(--c-border);color:var(--c-text-muted);font-family:var(--mono);font-size:10px;padding:4px 10px;border-radius:4px;cursor:pointer;transition:color var(--transition),border-color var(--transition)}.logout-btn:hover{color:var(--c-red);border-color:var(--c-red)}.theme-toggle{font-family:var(--mono);font-size:10px;color:var(--c-text-muted);background:var(--c-inset);border:1px solid var(--c-border);border-radius:6px;padding:5px 12px;cursor:pointer;transition:all var(--transition)}.theme-toggle:hover{border-color:var(--c-gold);color:var(--c-gold)}.main{flex:1;overflow-y:auto;padding:32px}.health-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:32px}.health-card{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius);padding:16px 18px;position:relative;transition:border-color var(--transition)}.health-card:hover{border-color:var(--c-border-hover)}.health-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;border-radius:var(--radius) var(--radius) 0 0}.health-card.ok:before{background:var(--c-green)}.health-card.warn:before{background:var(--c-amber)}.health-card.err:before{background:var(--c-red)}.health-card.pending:before{background:var(--c-text-muted)}.health-label{font-family:var(--mono);font-size:9px;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;display:flex;align-items:center;gap:6px}.health-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.health-dot.ok{background:var(--c-green);box-shadow:0 0 8px #22c55e80}.health-dot.warn{background:var(--c-amber)}.health-dot.err{background:var(--c-red);animation:pulse-dot 1.5s infinite}.health-dot.pending{background:var(--c-text-muted)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.health-value{font-size:18px;font-weight:600;margin-bottom:2px}.health-value.ok{color:var(--c-text)}.health-value.err{color:var(--c-red)}.health-value.warn{color:var(--c-amber)}.health-meta{font-size:11px;color:var(--c-text-muted)}.health-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.health-refresh{font-family:var(--mono);font-size:10px;color:var(--c-text-muted);display:flex;align-items:center;gap:8px}.health-refresh-pulse{width:6px;height:6px;border-radius:50%;background:var(--c-green);animation:pulse-dot 2s infinite}.search-bar{display:flex;gap:12px;margin-bottom:24px}.search-input{flex:1;background:var(--c-card);border:1px solid var(--c-border);border-radius:8px;padding:12px 18px;color:var(--c-text);font-family:var(--sans);font-size:14px;outline:none;transition:border-color var(--transition)}.search-input:focus{border-color:var(--c-gold)}.search-input::placeholder{color:var(--c-text-muted)}.results-table{width:100%;border-collapse:collapse;margin-bottom:32px}.results-table th{font-family:var(--mono);font-size:9px;font-weight:600;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.1em;padding:10px 14px;text-align:left;border-bottom:1px solid var(--c-border)}.results-table td{font-size:13px;padding:10px 14px;border-bottom:1px solid var(--c-inset);color:var(--c-text-2)}.results-table tr{cursor:pointer;transition:background var(--transition)}.results-table tr:hover{background:var(--c-inset)}.results-table tr.selected{background:var(--c-gold-dim)}.fit-badge{font-family:var(--mono);font-size:9px;font-weight:600;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.fit-badge.strong{background:var(--c-green-bg);color:var(--c-green)}.fit-badge.conditional{background:var(--c-amber-bg);color:var(--c-amber)}.fit-badge.limited{background:var(--c-red-bg);color:var(--c-red)}.detail-panel{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius);padding:28px;margin-bottom:24px}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.detail-title{font-family:var(--serif);font-size:22px}.detail-close{background:transparent;border:1px solid var(--c-border);color:var(--c-text-muted);border-radius:6px;padding:6px 12px;font-size:12px;cursor:pointer}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.detail-field-label{font-family:var(--mono);font-size:9px;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}.detail-field-value{font-size:13px;color:var(--c-text)}.detail-challenge{background:var(--c-inset);border-left:3px solid var(--c-gold);border-radius:0 6px 6px 0;padding:14px 18px;margin-bottom:24px}.detail-challenge p{font-size:14px;color:var(--c-text-2);font-style:italic;line-height:1.7}.chat-timeline{max-height:300px;overflow-y:auto;border:1px solid var(--c-border);border-radius:8px;padding:16px;margin-bottom:24px}.chat-msg{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--c-inset)}.chat-msg:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.chat-msg-role{font-family:var(--mono);font-size:9px;color:var(--c-gold);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.chat-msg-role.assistant{color:var(--c-text-muted)}.chat-msg-content{font-size:12px;color:var(--c-text-2);line-height:1.6}.briefing-btn{background:var(--c-gold);color:#fff;border:none;border-radius:6px;padding:12px 24px;font-family:var(--sans);font-size:14px;font-weight:600;cursor:pointer;transition:opacity var(--transition)}.briefing-btn:hover{opacity:.9}.briefing-btn:disabled{opacity:.5;cursor:not-allowed}.briefing-result{font-family:var(--mono);font-size:12px;margin-top:12px;padding:10px 14px;border-radius:6px}.briefing-result.success{background:var(--c-green-bg);color:var(--c-green)}.briefing-result.error{background:var(--c-red-bg);color:var(--c-red)}.usage-stat{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius);padding:28px;text-align:center;margin-bottom:24px}.usage-stat-value{font-family:var(--serif);font-size:48px;color:var(--c-gold)}.usage-stat-label{font-family:var(--mono);font-size:10px;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.12em;margin-top:4px}.empty-state{text-align:center;padding:60px 20px;color:var(--c-text-muted);font-size:14px}.arch-panel{max-width:1600px}.arch-stats{display:flex;gap:40px;padding:20px 0 32px;border-bottom:1px solid var(--c-border);margin-bottom:40px}.arch-stat{text-align:center}.arch-stat-link{cursor:pointer;transition:opacity var(--transition)}.arch-stat-link:hover{opacity:.7}.arch-stat-value{font-family:var(--serif);font-size:32px;color:var(--c-gold)}.arch-stat-label{font-family:var(--mono);font-size:9px;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.12em}.arch-section{margin-bottom:48px}.arch-section-label{font-family:var(--mono);font-size:10px;font-weight:600;color:var(--c-gold);text-transform:uppercase;letter-spacing:.2em;margin-bottom:20px}.arch-diagram-wrap{background:var(--c-card);border:1px solid var(--c-border);border-radius:12px;padding:32px;overflow-x:auto}.arch-svg{width:100%;height:auto;display:block}.svg-label{font-family:JetBrains Mono;font-size:10px;fill:var(--c-gold);font-weight:600;letter-spacing:.15em}.svg-lane{stroke:var(--c-svg-lane);stroke-width:1}.svg-box{fill:var(--c-svg-box-fill);stroke:var(--c-svg-box-stroke)}.svg-box-accent{fill:var(--c-svg-box-fill);stroke:var(--c-gold);stroke-width:1.5}.svg-box-title{font-family:Outfit;font-size:12px;fill:var(--c-text);font-weight:600}.svg-box-sub{font-family:JetBrains Mono;font-size:9px;fill:var(--c-text-muted)}.svg-box-sub-accent{font-family:JetBrains Mono;font-size:9px;fill:var(--c-gold)}.svg-arrow{stroke:var(--c-svg-arrow);marker-end:url(#arr)}.svg-arrow-gold{stroke:var(--c-gold);stroke-dasharray:4,3}.svg-arrow-purple{stroke:var(--c-purple);stroke-dasharray:3,3}.arrow-fill{fill:var(--c-svg-arrow)}.grid-dot{fill:var(--c-text-muted);opacity:.3}.svg-api-gold{fill:var(--c-gold-dim);stroke:var(--c-gold);stroke-width:1}.svg-api-blue{fill:var(--c-blue-bg);stroke:var(--c-blue);stroke-width:1}.svg-api-green{fill:var(--c-green-bg);stroke:var(--c-green);stroke-width:1}.svg-api-purple{fill:var(--c-purple-bg);stroke:var(--c-purple);stroke-width:1}.svg-api-text-gold{font-family:JetBrains Mono;font-size:10px;fill:var(--c-gold);font-weight:600}.svg-api-text-blue{font-family:JetBrains Mono;font-size:10px;fill:var(--c-blue);font-weight:600}.svg-api-text-green{font-family:JetBrains Mono;font-size:10px;fill:var(--c-green);font-weight:600}.svg-api-text-purple{font-family:JetBrains Mono;font-size:10px;fill:var(--c-purple);font-weight:600}.svg-svc-gold{fill:var(--c-svg-box-fill);stroke:var(--c-gold);stroke-width:1.5}.svg-svc-blue{fill:var(--c-svg-box-fill);stroke:var(--c-blue);stroke-width:1.5}.svg-svc-green{fill:var(--c-svg-box-fill);stroke:var(--c-green);stroke-width:1.5}.svg-svc-purple{fill:var(--c-svg-box-fill);stroke:var(--c-purple);stroke-width:1.5}.svg-svc-red{fill:var(--c-svg-box-fill);stroke:var(--c-red);stroke-width:1.5}.svg-svc-title{font-family:Outfit;font-size:13px;fill:var(--c-text);font-weight:600}.svg-async{fill:var(--c-gold-dim);stroke:var(--c-gold)}.svg-async-text{font-family:JetBrains Mono;font-size:10px;fill:var(--c-gold);font-weight:600}.svg-webhook{fill:var(--c-amber-bg);stroke:var(--c-amber)}.svg-webhook-text{font-family:JetBrains Mono;font-size:10px;fill:var(--c-amber);font-weight:600}.journey-row{display:flex;gap:0;overflow-x:auto;padding-bottom:12px}.journey-row::-webkit-scrollbar{display:none}.j-node{flex:0 0 190px;position:relative}.j-node:after{content:"";position:absolute;top:11px;right:0;width:100%;height:1.5px;background:linear-gradient(90deg,var(--c-gold-border),var(--c-border))}.j-node:last-child:after{display:none}.j-dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--c-gold);background:var(--c-bg);position:relative;z-index:2;margin-bottom:14px}.j-node.active .j-dot{background:var(--c-gold)}.j-phase{font-family:var(--mono);font-size:9px;color:var(--c-gold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.j-title{font-size:13px;font-weight:600;color:var(--c-text);margin-bottom:4px}.j-desc{font-size:11px;color:var(--c-text-muted);line-height:1.5}.card-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius);padding:18px 20px;transition:border-color .2s}.card:hover{border-color:var(--c-border-hover)}.cat-label{font-family:var(--mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;padding:4px 10px;border-radius:4px;display:inline-block;margin-bottom:14px}.cat-label.ai{background:var(--c-gold-dim);color:var(--c-gold)}.cat-label.session{background:var(--c-blue-bg);color:var(--c-blue)}.cat-label.auto{background:var(--c-purple-bg);color:var(--c-purple)}.cat-label.delivery{background:var(--c-green-bg);color:var(--c-green)}.ep-method{font-family:var(--mono);font-size:9px;font-weight:600;color:var(--c-green);letter-spacing:.04em;margin-bottom:2px}.ep-path{font-family:var(--mono);font-size:11px;color:var(--c-text);font-weight:500;margin-bottom:6px}.ep-desc{font-size:11px;color:var(--c-text-muted);line-height:1.4}.ep-badge{display:inline-block;font-family:var(--mono);font-size:8px;font-weight:600;padding:2px 7px;border-radius:3px;margin-top:8px}.ep-badge.opus{background:var(--c-gold-dim);color:var(--c-gold)}.ep-badge.sonnet{background:var(--c-blue-bg);color:var(--c-blue)}.ep-badge.haiku,.ep-badge.qstash{background:var(--c-purple-bg);color:var(--c-purple)}.int-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;margin-bottom:12px}.int-icon-gold{background:var(--c-gold-dim);color:var(--c-gold)}.int-icon-blue{background:var(--c-blue-bg);color:var(--c-blue)}.int-icon-green{background:var(--c-green-bg);color:var(--c-green)}.int-icon-purple{background:var(--c-purple-bg);color:var(--c-purple)}.int-icon-red{background:var(--c-red-bg);color:var(--c-red)}.int-name{font-size:14px;font-weight:600;color:var(--c-text);margin-bottom:2px}.int-role{font-family:var(--mono);font-size:9px;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.tag{display:inline-block;font-family:var(--mono);font-size:9px;padding:2px 7px;border-radius:3px;margin:2px 2px 2px 0;background:var(--c-inset);color:var(--c-text-2);border:1px solid var(--c-border)}.ai-model-card{position:relative;overflow:hidden;padding:24px}.ai-model-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px}.ai-gold:after{background:var(--c-gold)}.ai-blue:after{background:var(--c-blue)}.ai-purple:after{background:var(--c-purple)}.ai-name{font-family:var(--serif);font-size:26px;color:var(--c-text);margin-bottom:2px}.ai-id{font-family:var(--mono);font-size:10px;color:var(--c-text-muted);margin-bottom:16px}.ai-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--c-inset)}.ai-row:last-child{border-bottom:none}.ai-k{font-family:var(--mono);font-size:9px;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.06em}.ai-v{font-size:12px;color:var(--c-text);font-weight:500}.wf-trigger{font-family:var(--mono);font-size:9px;color:var(--c-purple);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.wf-name{font-size:16px;font-weight:600;color:var(--c-text);margin-bottom:4px}.wf-delay{font-family:var(--mono);font-size:20px;color:var(--c-gold);font-weight:600;margin:14px 0}.wf-steps{list-style:none}.wf-steps li{font-size:11px;color:var(--c-text-2);padding:5px 0 5px 14px;position:relative;border-left:1px solid var(--c-border)}.wf-steps li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--c-border);position:absolute;left:-3px;top:9px}.wf-steps li:last-child:before{background:var(--c-gold)}.wf-cond{font-family:var(--mono);font-size:9px;color:var(--c-red);text-transform:uppercase;letter-spacing:.06em;margin-top:10px;padding:3px 8px;background:var(--c-red-bg);border-radius:3px;display:inline-block}.dt-wrap{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden}.dt-header{padding:16px 20px;border-bottom:1px solid var(--c-border);display:flex;justify-content:space-between;align-items:center}.dt-title{font-size:14px;font-weight:600;color:var(--c-text)}.dt-meta{font-family:var(--mono);font-size:10px;color:var(--c-text-muted)}.dt{width:100%;border-collapse:collapse}.dt th{font-family:var(--mono);font-size:9px;font-weight:600;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.1em;padding:8px 14px;text-align:left;border-bottom:1px solid var(--c-border)}.dt td{font-size:12px;padding:5px 14px;border-bottom:1px solid var(--c-inset)}.dt td:first-child{font-family:var(--mono);font-size:10px;color:var(--c-gold);font-weight:500}.dt td:nth-child(2){color:var(--c-text);font-weight:500}.dt-cat{color:var(--c-text-muted)}.dt tr:last-child td{border-bottom:none}.tech-title{font-family:var(--mono);font-size:10px;font-weight:600;color:var(--c-gold);text-transform:uppercase;letter-spacing:.15em;margin-bottom:16px}.tech-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--c-inset)}.tech-row:last-child{border-bottom:none}.tech-n{font-size:13px;color:var(--c-text);font-weight:500}.tech-v{font-family:var(--mono);font-size:11px;color:var(--c-text-muted)}.sf-chain{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.sf-node{font-family:var(--mono);font-size:10px;font-weight:500;padding:6px 12px;border-radius:5px;border:1px solid var(--c-border);color:var(--c-text-2);background:var(--c-bg)}.sf-gold{border-color:var(--c-gold-border);color:var(--c-gold);background:var(--c-gold-dim)}.sf-green{border-color:#22c55e4d;color:var(--c-green);background:var(--c-green-bg)}.sf-red{border-color:#ef44444d;color:var(--c-red);background:var(--c-red-bg)}.sf-arrow{color:var(--c-text-muted);font-size:14px}.sf-or{color:var(--c-text-muted);font-size:11px;font-family:var(--mono)}