/* Tampilan sengaja polos: tanpa gradien, tanpa animasi, tanpa efek. */
*{box-sizing:border-box}
body{margin:0;background:#070b14;color:#c9d4e8;font:14px/1.5 Verdana,Arial,Helvetica,sans-serif}
a{color:#5aa0ff}a:hover{color:#9cc4ff}
img{max-width:100%}
.wrap{max-width:900px;margin:0 auto;padding:0 12px}
header.top{background:#0a1220;border-bottom:1px solid #1c2740}
header.top .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding-top:10px;padding-bottom:10px}
.brand{display:flex;align-items:center;gap:8px;color:#e6edf8;font-weight:bold;font-size:18px;text-decoration:none}
.brand img{width:28px;height:28px}
nav{display:flex;flex-wrap:wrap;gap:4px 14px;margin-left:auto;align-items:center}
nav a{text-decoration:none}nav a:hover{text-decoration:underline}
.saldo{border:1px solid #1c2740;padding:2px 8px;color:#e6edf8}
h1{font-size:20px;margin:18px 0 8px;color:#e6edf8}h2{font-size:16px;margin:18px 0 6px;color:#e6edf8}
.box{border:1px solid #1c2740;background:#0b1220;padding:12px;margin:10px 0}
.warn{border:1px solid #6b5a14;background:#1a1606;color:#e6d37a;padding:8px 12px;margin:10px 0}
.err{color:#ff7b7b}.okc{color:#5fdc8a}.mut{color:#7d8aa6}
table{border-collapse:collapse;width:100%}
th,td{border:1px solid #1c2740;padding:6px 8px;text-align:left;vertical-align:top}
th{background:#0d1628;color:#9fb0cf;font-weight:normal}
.scroll{overflow-x:auto}
input,select,textarea,button{font:inherit;color:#e6edf8;background:#0d1628;border:1px solid #2a3a5c;padding:6px 8px;border-radius:0}
input[type=radio],input[type=checkbox]{width:auto}
input:not([type=radio]):not([type=checkbox]),select,textarea{width:100%}
textarea{min-height:90px;font-family:Consolas,monospace}
button,.btn{display:inline-block;background:#1a3a85;border:1px solid #2f5fc8;color:#fff;padding:6px 14px;cursor:pointer;text-decoration:none}
button:hover,.btn:hover{background:#2147a3;color:#fff}
.btn.alt{background:#0d1628;border-color:#2a3a5c;color:#c9d4e8}
.btn.red{background:#4a1414;border-color:#8a2a2a}
button:disabled{opacity:.5;cursor:default}
label{display:block;margin:8px 0 2px;color:#9fb0cf}
.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.two{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
@media(max-width:600px){.two{grid-template-columns:1fr}}
.tag{font-size:12px;padding:1px 6px;border:1px solid}
.tag.online{color:#5fdc8a;border-color:#1f6b3a}.tag.maintenance{color:#e6c34a;border-color:#7a6718}.tag.patch{color:#ff7b7b;border-color:#8a2a2a}.tag.hidden{color:#7d8aa6;border-color:#2a3a5c}
.tag.paid{color:#5fdc8a;border-color:#1f6b3a}.tag.processing,.tag.pending{color:#e6c34a;border-color:#7a6718}.tag.failed,.tag.expired{color:#ff7b7b;border-color:#8a2a2a}
pre.keys{white-space:pre-wrap;word-break:break-all;background:#050810;border:1px solid #1c2740;padding:8px;margin:6px 0;color:#9ff0b5}
footer{margin:30px 0 20px;border-top:1px solid #1c2740;padding-top:10px;color:#7d8aa6;font-size:12px}
.center{text-align:center}
.mt-page{max-width:520px;margin:60px auto;text-align:center}
.mt-page img{width:80px;height:80px}
.qrbox{background:#fff;display:inline-block;padding:10px;margin:8px 0}
.timer{font-size:20px;font-weight:bold;margin:6px 0}
.side{display:flex;flex-wrap:wrap;gap:6px 14px;margin:12px 0;padding-bottom:8px;border-bottom:1px solid #1c2740}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:10px 0}
.stats div{border:1px solid #1c2740;padding:8px;background:#0b1220}.stats b{display:block;font-size:17px;color:#e6edf8}
.cf-turnstile{margin:10px 0;min-height:65px}

/* ---------- Menu hamburger (tanpa JS) ---------- */
.nv-t{position:absolute;opacity:0;pointer-events:none}
.burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:0 11px;border-radius:12px;border:1px solid var(--bline,rgba(255,255,255,.14));background:rgba(255,255,255,.05);cursor:pointer;flex:none;margin-left:auto}
.burger i{display:block;height:2px;border-radius:2px;background:currentColor;transition:.2s}
.nv-t:checked~.top .burger i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nv-t:checked~.top .burger i:nth-child(2){opacity:0}
.nv-t:checked~.top .burger i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nv-t:focus-visible~.top .burger{outline:2px solid currentColor}
.nv-ov{display:none;position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.6)}
.drawer{position:fixed;top:0;right:0;bottom:0;z-index:61;width:min(300px,84vw);padding:20px 16px;background:#0b0b0d;border-left:1px solid rgba(255,255,255,.12);transform:translateX(102%);transition:transform .22s ease;overflow:auto;display:flex;flex-direction:column;gap:4px}
.drawer h4{margin:0 0 10px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.6}
.drawer a,.drawer button{display:block;width:100%;text-align:left;padding:12px 14px;border-radius:12px;font-size:15px;font-weight:600;color:inherit;background:transparent;border:0;cursor:pointer;font-family:inherit}
.drawer a:hover,.drawer a.on,.drawer button:hover{background:rgba(255,255,255,.08)}
.drawer hr{border:0;border-top:1px solid rgba(255,255,255,.1);margin:8px 0;width:100%}
.drawer .adm{margin-top:auto;border:1px solid rgba(255,255,255,.16)}
.nv-t:checked~.nv-ov{display:block}
.nv-t:checked~.drawer{transform:none}
@media(min-width:900px){.burger{margin-left:8px}}
.nav-d{display:flex;gap:12px;align-items:center;margin-left:auto}.nav-d+.burger{margin-left:8px}.drawer form{margin:0}@media(max-width:700px){.nav-d{display:none}.nav-d+.burger{margin-left:auto}}
.drawer a{text-decoration:none}