:root{--navy:#0f2d5e;--navy-2:#1b417f;--gold:#f0a500;--bg:#f4f6fa;--kartu:#fff;--garis:#d9dfeb;--teks:#1c2433;--teks-redup:#5b6678;--merah:#b42318;--merah-bg:#fdeceb;--hijau:#157347;--hijau-bg:#e6f4ec;--kuning-bg:#fff4d6;--kuning:#8a5a00}*{box-sizing:border-box}html{font-size:16px}body{background:var(--bg);color:var(--teks);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:var(--navy-2)}h1{color:var(--navy);margin:0 0 .25rem;font-size:1.5rem}h2{color:var(--navy);margin:0 0 .75rem;font-size:1.1rem}h3{margin:0 0 .5rem;font-size:1rem}p{margin:0 0 .75rem}.redup{color:var(--teks-redup);font-size:.9rem}.atas{background:var(--navy);color:#fff;border-bottom:3px solid var(--gold)}.atas-isi{flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;max-width:1200px;margin:0 auto;padding:.6rem 1rem;display:flex}.merek{letter-spacing:.01em;font-weight:700}.menu{flex-wrap:wrap;flex:1;gap:.25rem;display:flex}.menu a{color:#dbe4f5;border-radius:6px;padding:.35rem .7rem;font-size:.95rem;text-decoration:none}.menu a:hover{background:var(--navy-2);color:#fff}.pengguna{color:#dbe4f5;align-items:center;gap:.6rem;font-size:.9rem;display:flex}.pengguna button{color:#fff;background:0 0;border:1px solid #6f86b3}main{max-width:1200px;margin:0 auto;padding:1.25rem 1rem 3rem}.kartu{background:var(--kartu);border:1px solid var(--garis);border-radius:10px;margin-bottom:1rem;padding:1rem 1.1rem}.baris{flex-wrap:wrap;gap:1rem;display:flex}.baris>*{flex:280px}table{border-collapse:collapse;width:100%;font-size:.93rem}th,td{text-align:left;border-bottom:1px solid var(--garis);vertical-align:top;padding:.5rem .6rem}th{color:var(--teks-redup);text-transform:uppercase;letter-spacing:.03em;font-size:.82rem;font-weight:600}.gulung{overflow-x:auto}label{margin:.65rem 0 .2rem;font-size:.9rem;font-weight:600;display:block}input[type=text],input[type=email],input[type=password],input[type=datetime-local],select,textarea{width:100%;font:inherit;color:inherit;background:#fff;border:1px solid #b8c2d6;border-radius:6px;padding:.5rem .6rem}textarea{resize:vertical;min-height:5.5rem}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.cek{align-items:flex-start;gap:.5rem;margin:.6rem 0;font-weight:500;display:flex}.cek input{margin-top:.3rem}fieldset.polos{border:0;min-width:0;margin:0;padding:0}button,.tombol{background:var(--navy);color:#fff;border:1px solid var(--navy);font:inherit;cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-weight:600;text-decoration:none;display:inline-block}button:hover,.tombol:hover{background:var(--navy-2)}button:disabled{opacity:.6;cursor:progress}.tombol-emas{background:var(--gold);border-color:var(--gold);color:#1c1500}.tombol-emas:hover{background:#d99500}.tombol-garis{color:var(--navy);background:#fff}.tombol-garis:hover{background:#eef2fa}.tombol-kecil{padding:.25rem .6rem;font-size:.85rem}.tombol-bahaya{color:var(--merah);border-color:var(--merah);background:#fff}.tombol-bahaya:hover{background:var(--merah-bg)}.galat,.peringatan,.sukses,.info{border-radius:8px;margin:0 0 .8rem;padding:.6rem .8rem;font-size:.93rem}.galat{background:var(--merah-bg);color:var(--merah);border:1px solid #f3b8b3}.peringatan{background:var(--kuning-bg);color:var(--kuning);border:1px solid #f1d28a}.sukses{background:var(--hijau-bg);color:var(--hijau);border:1px solid #b4dcc4}.info{color:var(--navy);background:#eaf0fb;border:1px solid #c5d3ee}.galat ul,.peringatan ul{margin:0;padding-left:1.1rem}.lencana{color:var(--navy);white-space:nowrap;background:#e6ebf5;border-radius:999px;padding:.1rem .55rem;font-size:.78rem;font-weight:700;display:inline-block}.lencana.antri{background:#e6ebf5}.lencana.ditangani{color:#0b4a9e;background:#dcebff}.lencana.on_hold{background:var(--kuning-bg);color:var(--kuning)}.lencana.solved{background:var(--hijau-bg);color:var(--hijau)}.lencana.no_response,.lencana.cancel,.lencana.redirect_ec{color:#4a5468;background:#eceef2}.lencana.lewat{background:var(--merah-bg);color:var(--merah)}.lencana.mendekati{background:var(--kuning-bg);color:var(--kuning)}.lencana.aman{background:var(--hijau-bg);color:var(--hijau)}dl.rinci{grid-template-columns:max-content 1fr;gap:.3rem 1rem;margin:0;display:grid}dl.rinci dt{color:var(--teks-redup);font-size:.9rem}dl.rinci dd{margin:0}pre.teks{white-space:pre-wrap;word-break:break-word;font:inherit;border:1px solid var(--garis);background:#f7f9fc;border-radius:6px;margin:0;padding:.6rem .75rem}details.aksi{border:1px solid var(--garis);background:#fcfdff;border-radius:8px;margin-bottom:.6rem;padding:.4rem .8rem}details.aksi>summary{cursor:pointer;color:var(--navy);padding:.25rem 0;font-weight:700}.garis-waktu{margin:0;padding:0;list-style:none}.garis-waktu li{border-left:3px solid var(--garis);margin-left:.25rem;padding:.35rem 0 .35rem .9rem;font-size:.92rem}.tengah{max-width:420px;margin:4rem auto}@media (max-width:640px){main{padding:1rem .75rem 3rem}dl.rinci{grid-template-columns:1fr}dl.rinci dt{margin-top:.4rem}.atas-isi{justify-content:space-between;gap:.25rem .75rem;padding:.5rem .75rem}.merek{order:1;font-size:.95rem}.pengguna{order:2;font-size:.8rem}.menu{white-space:nowrap;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;flex:0 0 100%;order:3;padding-bottom:.25rem;overflow-x:auto}.menu a{padding:.45rem .7rem}th,td{padding:.45rem .5rem}.baris>*{flex-basis:100%}.tengah{margin:2rem auto}button,.tombol{min-height:2.5rem}input[type=text],input[type=email],input[type=password],input[type=datetime-local],input[type=date],input[type=month],input[type=time],select,textarea{font-size:16px}}.angka{color:var(--navy);margin:0 0 .25rem;font-size:1.8rem;font-weight:700}.batang{background:#e6ebf5;border-radius:4px;height:.7rem;overflow:hidden}.batang>div{background:var(--gold);height:100%}.subnav{flex-wrap:wrap;gap:.4rem;margin:.5rem 0 1rem;display:flex}.subnav a{border:1px solid var(--garis);background:#fff;border-radius:999px;padding:.35rem .8rem;font-size:.92rem;text-decoration:none}.subnav a:hover{border-color:var(--navy-2)}.grade-A{color:var(--hijau)}.grade-B{color:#0b4a9e}.grade-C{color:var(--kuning)}.grade-D{color:var(--merah)}.grade-kosong{color:var(--teks-redup)}.tombol-wa{color:#fff;background:#1f8f4a;border-color:#1f8f4a}.tombol-wa:hover{background:#17753c}.pengguna a{color:#fff;text-underline-offset:2px;text-decoration:underline}