:root{--bg:#0b1016;--panel:#141c25;--line:#253242;--txt:#e6edf3;--dim:#9aa9b8;--ok:#35c07d;--warn:#f0a92a;--bad:#e2544c}*{box-sizing:border-box}body{background:var(--bg);color:var(--txt);margin:0;font:15px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:1040px;margin:0 auto;padding:28px 20px 60px}h1{letter-spacing:-.2px;margin:0 0 4px;font-size:22px}h2{text-transform:uppercase;letter-spacing:1px;color:var(--dim);margin:28px 0 10px;font-size:15px}a{color:#6fb7ff;text-decoration:none}a:hover{text-decoration:underline}.sub{color:var(--dim);margin:0 0 18px;font-size:13px}.nav{gap:16px;margin:0 0 22px;font-size:13px;display:flex}.kartu-baris{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.kartu{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px 16px}.kartu .label{text-transform:uppercase;letter-spacing:1px;color:var(--dim);font-size:12px}.kartu .nilai{font-variant-numeric:tabular-nums;margin-top:4px;font-size:28px;font-weight:650}.kartu .nilai small{color:var(--dim);font-size:14px;font-weight:400}.kartu.waspada{border-color:#6b4a12}.kartu.buruk{border-color:#6d2b27}table{border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:10px;width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--line);padding:9px 12px;font-size:14px}th{color:var(--dim);text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:500}tr:last-child td{border-bottom:0}td.num{font-variant-numeric:tabular-nums}.pil{border:1px solid var(--line);border-radius:999px;padding:1px 9px;font-size:12px;display:inline-block}.pil.ok{color:var(--ok);background:#10231a;border-color:#1d5137}.pil.bad{color:var(--bad);background:#241312;border-color:#5c2320}.pil.off{color:var(--dim)}.kosong{color:var(--dim);padding:12px 0;font-size:14px}.insiden{background:var(--panel);border:1px solid #5c2320;border-radius:10px;margin-bottom:8px;padding:12px 14px}.insiden .meta{color:var(--dim);font-size:12px}form.masuk{background:var(--panel);border:1px solid var(--line);border-radius:10px;gap:12px;max-width:340px;padding:20px;display:grid}input[type=password]{border:1px solid var(--line);width:100%;color:var(--txt);background:#0d141b;border-radius:8px;padding:9px 11px;font-size:15px}button{color:#eaf4ff;cursor:pointer;background:#1b3f66;border:1px solid #2f6fb5;border-radius:8px;padding:9px 14px;font-size:14px}button:hover{background:#234f7f}.galat{color:var(--bad);font-size:13px}