:root{--primary:#005EB8;--accent:#00C389;--ink:#0B132B;--muted:#6b7280;--bg:#f8fafc}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#111;font-family:Inter,system-ui,Segoe UI,Roboto,Arial}
.container{max-width:1080px;margin:auto;padding:16px}.card{background:#fff;border-radius:16px;box-shadow:0 6px 18px rgba(0,0,0,.06);padding:16px}
.btn{background:var(--primary);color:#fff;border:none;border-radius:10px;padding:10px 16px;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}
.btn-ghost{background:#0B132B;color:#fff;border-radius:10px;padding:10px 16px;border:none;cursor:pointer}
.field{width:100%;border:1px solid #e5e7eb;border-radius:10px;padding:10px}
.row{display:grid;gap:12px}@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 8px;border-radius:999px;background:#e5e7eb;color:#334155}
.badge-na{background:#d9d9d9;color:#333}.badge-si{background:#00C389;color:#fff}.badge-no{background:#e53935;color:#fff}
.tabs{display:flex;gap:8px;margin-bottom:12px}.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:72px}.header .meta{margin-left:auto;text-align:right;font-size:12px;color:#475569}
.link{color:var(--primary);text-decoration:underline;cursor:pointer}.hidden{display:none}