:root{--bg:#0f172a;--kartu:#1e293b;--garis:#334155;--tinta:#f1f5f9;--tinta2:#94a3b8;--biru:#3987e5;--hijau:#059669;--merah:#dc2626;--kuning:#d97706}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--tinta);min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}.rangka{min-height:100vh;display:flex}.sisi{background:var(--kartu);border-right:1px solid var(--garis);flex-direction:column;flex-shrink:0;width:232px;height:100vh;display:flex;position:sticky;top:0}.merek{border-bottom:1px solid var(--garis);padding:20px 18px}.merek-nama{letter-spacing:-.2px;font-size:16px;font-weight:800}.merek-sub{color:var(--tinta2);margin-top:2px;font-size:11px}.sisi nav{flex:1;padding:12px 10px}.tautan{color:var(--tinta2);border-radius:9px;align-items:center;gap:10px;margin-bottom:2px;padding:10px 12px;font-size:13.5px;display:flex}.tautan:hover{color:var(--tinta);background:#ffffff0d}.ikon{text-align:center;opacity:.75;width:16px}.kaki-sisi{border-top:1px solid var(--garis);padding:14px 16px}.pengguna{color:var(--tinta2);margin-bottom:8px;font-size:12px}.btn-keluar{cursor:pointer;border:1px solid var(--garis);width:100%;color:var(--tinta2);background:0 0;border-radius:8px;padding:7px;font-family:inherit;font-size:12px}.btn-keluar:hover{border-color:var(--merah);color:#f87171}.isi{flex:1;max-width:1240px;padding:26px 30px 60px}.judul{letter-spacing:-.3px;font-size:21px;font-weight:800}.anak-judul{color:var(--tinta2);margin-top:5px;font-size:12.5px;line-height:1.6}.kepala{margin-bottom:20px}.kartu{background:var(--kartu);border:1px solid var(--garis);border-radius:13px;padding:17px}.petak-baris{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:18px;display:grid}.petak-label{color:var(--tinta2);text-transform:uppercase;letter-spacing:.4px;font-size:10.5px;font-weight:700}.petak-nilai{margin-top:5px;font-size:25px;font-weight:800;line-height:1.15}.petak-ket{color:var(--tinta2);margin-top:3px;font-size:10.5px}.gulir{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--tinta2);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--garis);white-space:nowrap;padding:9px 10px;font-size:10.5px;font-weight:700}td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:9px 10px;font-size:13px}td.angka,th.angka{text-align:right;font-variant-numeric:tabular-nums}tr:hover td{background:#ffffff05}.lencana{white-space:nowrap;border-radius:20px;padding:3px 9px;font-size:10px;font-weight:700;display:inline-block}.l-aktif{color:#34d399;background:#05966929}.l-nonaktif{color:#94a3b8;background:#64748b33}.l-mirip{color:#fbbf24;background:#d9770629}.btn{cursor:pointer;border:1px solid var(--garis);color:var(--tinta);background:0 0;border-radius:9px;padding:8px 15px;font-family:inherit;font-size:12.5px;font-weight:600}.btn:hover{background:#ffffff0d}.btn-utama{background:var(--biru);border-color:var(--biru);color:#fff}.btn-utama:hover{filter:brightness(1.1);background:var(--biru)}.btn-bahaya{color:#f87171;border-color:#dc262666}.btn-kecil{padding:5px 11px;font-size:11.5px}input[type=text],input[type=password],select{border:1px solid var(--garis);background:var(--bg);width:100%;color:var(--tinta);border-radius:9px;padding:9px 12px;font-family:inherit;font-size:13px}input:focus,select:focus{border-color:var(--biru);outline:none}label{color:var(--tinta2);margin-bottom:5px;font-size:12px;font-weight:600;display:block}.pesan{border-radius:10px;margin-bottom:14px;padding:11px 14px;font-size:12.5px;line-height:1.6}.p-galat{color:#fca5a5;background:#dc26261f;border:1px solid #dc26264d}.p-sukses{color:#6ee7b7;background:#0596691f;border:1px solid #0596694d}.p-info{color:#93c5fd;background:#3987e51a;border:1px solid #3987e547}.masuk-latar{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.masuk-kotak{width:100%;max-width:372px}.masuk-judul{text-align:center;font-size:22px;font-weight:800}.masuk-sub{color:var(--tinta2);text-align:center;margin:6px 0 22px;font-size:12.5px}.baris-borang{margin-bottom:13px}.kosong{text-align:center;color:var(--tinta2);padding:40px 20px;font-size:13px}.jarak{margin-top:18px}.antar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.samping{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mono{font-variant-numeric:tabular-nums}.redup{color:var(--tinta2)}.kecil{font-size:11.5px}