:root{--bg:#0b1220;--card:#111c33;--muted:#9fb0d0;--text:#e9f0ff;--line:#1d2d52;--good:#1f9d55;--mid:#d97706;--bad:#dc2626;}
*{box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial}
body{margin:0;background:linear-gradient(180deg,var(--bg),#070b14);color:var(--text)}
a{color:#cfe1ff;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1200px;margin:0 auto;padding:18px}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.brand{font-weight:800;letter-spacing:.3px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.card{background:rgba(17,28,51,.9);border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 8px 28px rgba(0,0,0,.25)}
.card h2{margin:0 0 10px 0;font-size:16px}
.small{color:var(--muted);font-size:12px}
.table{width:100%;border-collapse:collapse}
.table td{padding:8px 6px;border-top:1px solid rgba(29,45,82,.6);vertical-align:middle}
.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid rgba(29,45,82,.8);border-radius:999px;background:rgba(7,11,20,.35);font-size:12px}
.badge-full{border-color:rgba(31,157,85,.65);background:rgba(31,157,85,.12)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;border:1px solid rgba(29,45,82,.9);background:rgba(7,11,20,.35);color:var(--text);cursor:pointer}
.btn:hover{background:rgba(7,11,20,.55)}
.btn.danger{border-color:rgba(220,38,38,.6)}
.btn.good{border-color:rgba(31,157,85,.6)}
.right{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.confbar{height:10px;border-radius:999px;background:rgba(29,45,82,.6);overflow:hidden;border:1px solid rgba(29,45,82,.7)}
.confbar>span{display:block;height:100%}
.conf-good{background:var(--good)}
.conf-mid{background:var(--mid)}
.conf-bad{background:var(--bad)}
.kpi{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}
.kpi .pill{padding:6px 10px;border-radius:999px;border:1px solid rgba(29,45,82,.8);background:rgba(7,11,20,.35);font-size:12px}
.split{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}
@media(max-width:980px){.grid3{grid-template-columns:1fr}.split{grid-template-columns:1fr}}