*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0b0f14;color:#e0e0e0}
a{color:#60a5fa;text-decoration:none}
a:hover{text-decoration:underline}
header{padding:16px 24px;border-bottom:1px solid #1e2530;display:flex;align-items:center;gap:14px}
header b{font-size:18px;color:#fff}
.muted{color:#6b7280;font-size:13px}
main{padding:24px;max-width:1200px;margin:0 auto}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px;margin-bottom:32px}
.card{background:#111823;border:1px solid #1e2530;border-radius:12px;padding:16px}
.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.card-title{font-weight:600;font-size:15px;color:#fff}
.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.badge-observe{background:#374151;color:#9ca3af}
.badge-propose{background:#1e3a5f;color:#60a5fa}
.badge-guarded_auto{background:#4a3728;color:#fbbf24}
.badge-conditional_auto{background:#4a2f1b;color:#fb923c}
.badge-full_auto{background:#1a3a2a;color:#34d399}
.trust-bar{height:8px;background:#1e2530;border-radius:4px;margin:8px 0;overflow:hidden}
.trust-fill{height:100%;border-radius:4px;transition:width .5s}
.trust-value{font-size:28px;font-weight:700;color:#fff}
.metrics{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;margin-top:12px}
.metric{display:flex;justify-content:space-between;font-size:13px}
.metric-label{color:#6b7280}
.metric-value{color:#e0e0e0;font-weight:500}
.metric-bar{height:4px;background:#1e2530;border-radius:2px;margin-top:2px;overflow:hidden}
.metric-fill{height:100%;border-radius:2px}
.stage-track{display:flex;gap:4px;margin:12px 0}
.stage-dot{flex:1;height:6px;border-radius:3px;background:#1e2530;position:relative}
.stage-dot.active{background:#34d399}
.stage-dot.passed{background:#1a3a2a}
.stage-labels{display:flex;justify-content:space-between;font-size:10px;color:#4b5563;margin-top:2px}
.section-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}
.timeline{max-height:500px;overflow-y:auto}
.ev-row{display:grid;grid-template-columns:130px 120px 1fr 80px;gap:8px;padding:8px 0;border-bottom:1px solid #1a1f2a;font-size:13px;align-items:center}
.ev-type{font-weight:500}
.ev-queue{color:#6b7280}
.ev-detail{color:#9ca3af}
.ev-time{color:#4b5563;text-align:right;font-size:12px}
.type-proposal_created{color:#60a5fa}
.type-proposal_decided{color:#a78bfa}
.type-executed{color:#fbbf24}
.type-outcome{color:#34d399}
.type-rollback{color:#f87171}
.type-anomaly{color:#fb923c}
.type-stage_change{color:#e879f9}
.empty{color:#4b5563;font-style:italic;padding:32px;text-align:center}
.btn{padding:6px 14px;background:#1e2530;border:1px solid #2e3540;color:#e0e0e0;border-radius:6px;cursor:pointer;font-size:13px}
.btn:hover{background:#2e3540}
.counts{display:flex;gap:16px;margin-top:10px;flex-wrap:wrap}
.count-item{font-size:12px;color:#6b7280}
.count-item b{color:#e0e0e0}
.nav-links{display:flex;gap:16px;font-size:13px;margin-left:auto}
.scope-baseline{display:flex;align-items:baseline;gap:8px}