:root{--primary:#005EB8;--accent:#00C389;--bg:#f5f7fb;--muted:#6b7280;--ok:#16a34a;--bad:#e11d48;--na:#9ca3af}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,system-ui,Segoe UI,Roboto,Arial;color:#0f172a}
.container{max-width:1100px;margin:auto;padding:16px}
.card{background:#fff;border-radius:16px;box-shadow:0 8px 24px rgba(2,6,23,.06);padding:16px}
.btn{background:var(--primary);color:#fff;border:none;border-radius:10px;padding:10px 16px;cursor:pointer}
.btn:hover{filter:brightness(.95)}.btn:disabled{opacity:.5;cursor:not-allowed}
.btn-ghost{background:#0B132B;color:#fff;border:none;border-radius:10px;padding:10px 16px;cursor:pointer}
.field{width:100%;border:1px solid #e5e7eb;border-radius:10px;padding:10px;background:#fff}
.row{display:grid;gap:12px}.row-2{grid-template-columns:1fr}.row-3{grid-template-columns:1fr}
@media(min-width:768px){.row-2{grid-template-columns:1fr 1fr}.row-3{grid-template-columns:1fr 1fr 1fr}}
.badge{font-size:12px;padding:4px 10px;border-radius:999px;background:#e5e7eb;color:#334155}
.badge-si{background:#00C389;color:#fff}.badge-no{background:#ef4444;color:#fff}.badge-na{background:#9ca3af;color:#fff}
.tabs{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.tab{padding:8px 12px;border-radius:10px;background:#e5e7eb;color:#334155;cursor:pointer}
.tab.active{background:var(--primary);color:#fff}
.header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.header img{height:96px}
.header .meta{margin-left:auto;text-align:right;font-size:12px;color:#475569}
.hidden{display:none}.note{font-size:12px;color:#64748b}
.kpis{display:grid;gap:12px}.kpi{padding:12px;border-radius:16px;color:#fff}
.kpi.blue{background:#005EB8}.kpi.green{background:#00C389}.kpi.red{background:#ef4444}
.hr{height:1px;background:#e5e7eb;margin:12px 0}
.toast{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);background:#111827;color:#fff;padding:10px 14px;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.step{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:12px}
.actRow{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.nextRow{display:flex;gap:8px;justify-content:space-between;margin-top:12px}
.link{color:var(--primary);text-decoration:underline;cursor:pointer}