@font-face{font-family:Inter;font-weight:400;src:url(../assets/fonts/inter-latin-400-normal.woff2)}
@font-face{font-family:Inter;font-weight:500;src:url(../assets/fonts/inter-latin-500-normal.woff2)}
@font-face{font-family:Inter;font-weight:600;src:url(../assets/fonts/inter-latin-600-normal.woff2)}
@font-face{font-family:Inter;font-weight:700;src:url(../assets/fonts/inter-latin-700-normal.woff2)}
@font-face{font-family:Inter;font-weight:800;src:url(../assets/fonts/inter-latin-800-normal.woff2)}
*{box-sizing:border-box;margin:0;padding:0}
:root{--gold:#f6b93b;--mute:#a9a4bd;--line:rgba(255,255,255,.09);--ok:#2ee66b;--bad:#ff9a9a;--vio:#a78bfa}
body{font:14px/1.45 Inter,"Segoe UI",system-ui,sans-serif;color:#f4f2fa;min-height:100vh;background:radial-gradient(55% 50% at 88% 10%,rgba(92,52,180,.4),transparent 70%),radial-gradient(45% 55% at 0 78%,rgba(130,66,24,.3),transparent 70%),radial-gradient(70% 45% at 50% 100%,rgba(72,32,136,.3),transparent 70%),#0d0b14;background-attachment:fixed}
button,input,select{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
svg.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.m{color:var(--mute)}.g{color:var(--gold)}.f{display:flex;align-items:center;gap:12px}
.chip{font-size:12px;font-weight:600;color:var(--gold);border:1px solid rgba(246,185,59,.5);border-radius:12px;padding:2px 10px}
kbd{font:500 12px Inter;background:rgba(255,255,255,.08);border-radius:8px;padding:5px 10px}
.live{display:flex;align-items:center;gap:8px;color:var(--mute);font-size:13px}.dot{width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px rgba(46,230,107,.6);display:inline-block}.off .dot{background:#7a7690;box-shadow:none}
.avatar{border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.18)}
@keyframes in{from{opacity:0;transform:translateY(8px)}}
.pg{display:flex;align-items:flex-end;gap:16px;margin:8px 0 22px}.pg h1{font-size:32px;font-weight:800;letter-spacing:-.8px}.pg .sp{flex:1}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;margin-bottom:20px}
.c3{grid-column:span 3}.c4{grid-column:span 4}.c5{grid-column:span 5}.c7{grid-column:span 7}.c8{grid-column:span 8}.c12{grid-column:span 12}
.p{position:relative;border-radius:18px;padding:20px;isolation:isolate;background:linear-gradient(180deg,rgba(40,32,62,.74),rgba(19,15,32,.84));border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 18px 40px -18px rgba(0,0,0,.75);backdrop-filter:blur(12px)}
.p:before{content:"";position:absolute;left:20px;right:20px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(190,160,255,.5),transparent)}
.p:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(320px circle at var(--mx,50%) var(--my,0),rgba(170,130,255,.13),transparent 60%);opacity:0;transition:opacity .3s}.p:hover:after{opacity:1}
.p h2{font-size:17px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:10px}.p h2 .sp{flex:1}
.tile .lb{color:var(--mute);font-size:13px}.tile .v{font-size:38px;font-weight:800;letter-spacing:-1px;margin:6px 0 4px}.tile .tr{font-size:12.5px;color:var(--ok);display:flex;gap:6px;align-items:center}.tile .tr svg{width:15px;height:15px}
.tile.hot{border-color:rgba(246,185,59,.4)}.tile.hot .v{color:var(--gold)}
.btn,.gh{height:42px;padding:0 18px;border-radius:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s,filter .2s}
.btn{background:linear-gradient(180deg,#ffc94a,#eea62a);color:#17110a;box-shadow:0 8px 22px rgba(240,170,40,.25)}.btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
.gh{border:1px solid rgba(255,255,255,.14);font-weight:500}.gh:hover{background:rgba(255,255,255,.07)}.gh.bad{color:var(--bad);border-color:rgba(255,138,138,.4)}
.sm{height:34px;padding:0 13px;font-size:13px;border-radius:11px}.btn:active,.gh:active{transform:scale(.96)}
.seg{position:relative;display:inline-flex;padding:4px;border-radius:18px;background:linear-gradient(180deg,rgba(40,32,62,.74),rgba(19,15,32,.84));border:1px solid rgba(255,255,255,.07)}
.seg button{position:relative;z-index:1;height:38px;padding:0 16px;border-radius:13px;color:var(--mute);font-weight:500;display:flex;align-items:center;gap:8px;transition:color .2s}.seg button.on,.seg button:hover{color:#fff}
.seg .ind{position:absolute;top:4px;height:38px;border-radius:13px;background:rgba(150,110,255,.28);box-shadow:inset 0 -2px 0 var(--vio);transition:left .35s cubic-bezier(.3,1.3,.5,1),width .35s,background .3s}
.seg.gold .ind{background:rgba(246,185,59,.2);box-shadow:inset 0 -2px 0 var(--gold)}
.badge{display:inline-block;border:1px solid;border-radius:12px;padding:2px 10px;font-size:12.5px;font-weight:600}
.b-Gratis{color:#4ade80;border-color:#4ade8077}.b-Gold{color:var(--gold);border-color:rgba(246,185,59,.55)}.b-Platinum{color:#b0b8ff;border-color:#b0b8ff88}
.row{display:grid;grid-template-columns:1.6fr .8fr 1fr .9fr;gap:14px;align-items:center;width:100%;text-align:left;padding:12px 14px;border-radius:16px;transition:background .2s}
button.row:hover{background:rgba(255,255,255,.06)}.row+.row{margin-top:2px}
.av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:700;flex:none;color:#fff}
.bar{height:8px;border-radius:4px;background:rgba(255,255,255,.1);overflow:hidden}.bar i{display:block;height:100%;border-radius:4px;transition:width .6s cubic-bezier(.2,.8,.2,1)}
.st{display:flex;align-items:center;gap:7px}.st.x{color:var(--mute)}.st.x .dot{background:#7a7690;box-shadow:none}
.chart{position:relative;height:230px}.chart svg{width:100%;height:200px;display:block}.xl{display:flex;justify-content:space-between;color:var(--mute);font-size:12.5px;margin-top:8px}
.chart .pt{position:absolute;width:14px;height:14px;margin:-7px;border-radius:50%;background:var(--gold);border:3px solid #17101f;box-shadow:0 0 16px var(--gold);pointer-events:none;opacity:0;transition:opacity .15s}
.chart .tip{position:absolute;transform:translate(-50%,-130%);background:#17101f;border:1px solid rgba(246,185,59,.5);border-radius:12px;padding:6px 12px;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s}.chart.h .pt,.chart.h .tip{opacity:1}
.feed{list-style:none;display:flex;flex-direction:column;gap:12px;max-height:290px;overflow:hidden}.feed li{display:flex;gap:12px;align-items:flex-start;animation:in .4s}.feed .t{color:var(--mute);font-size:12px}
.stack{display:flex;height:14px;border-radius:7px;overflow:hidden;gap:3px;margin:6px 0 18px}.stack i{display:block;transition:flex .6s}
.leg{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line)}.leg:last-child{border:0}
.rq{display:flex;align-items:center;gap:14px;padding:10px 0}.rq img{width:76px;height:44px;border-radius:10px;object-fit:cover}.rq .sp{flex:1}.rq+.rq{border-top:1px solid var(--line)}
.srch{height:46px;width:300px;border-radius:23px;border:1px solid rgba(255,255,255,.14);background:rgba(18,14,30,.72);padding:0 20px;outline:0}.srch:focus{border-color:rgba(190,160,255,.6)}
.in{width:100%;height:42px;border-radius:12px;background:rgba(18,14,30,.72);border:1px solid rgba(255,255,255,.14);padding:0 12px;margin:6px 0 14px;outline:0}.in:focus{border-color:rgba(190,160,255,.6)}
label.fl{display:block;font-size:12.5px;color:var(--mute)}select.in option{background:#17101f}
.bn{display:grid;grid-template-columns:290px 1fr 300px;gap:20px}
.bi{display:flex;gap:12px;align-items:center;width:100%;text-align:left;padding:10px;border-radius:16px;border:1px solid transparent;transition:.2s}.bi:hover{background:rgba(255,255,255,.05)}.bi.on{background:rgba(246,185,59,.1);border-color:rgba(246,185,59,.4)}.bi img{width:64px;height:44px;border-radius:9px;object-fit:cover}
.pv{position:relative;height:270px;border-radius:26px;overflow:hidden;background:#17111f;border:1px solid var(--line)}.pv .art{position:absolute;right:0;top:0;width:62%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent,#000 36%);mask-image:linear-gradient(90deg,transparent,#000 36%);transition:opacity .4s}
.pv:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 0 100%,rgba(255,138,40,.38),transparent 42%),linear-gradient(90deg,rgba(16,11,24,.92),rgba(16,11,24,.5) 45%,transparent 72%)}
.pv>div{position:absolute;z-index:2;left:44px}.pv .tier{top:30px;display:flex}.pv h3{top:76px;font-size:clamp(26px,3.4vw,46px);font-weight:800;font-style:italic;letter-spacing:-1px;white-space:nowrap;text-shadow:0 4px 18px rgba(0,0,0,.5)}.pv h3 em{color:var(--gold)}.pv .sub{top:140px;font-size:18px;font-weight:500}.pv .btn{position:absolute;z-index:2;left:44px;top:198px}
.sw{display:flex;gap:10px;margin:6px 0 14px}.sw button{width:56px;height:40px;border-radius:10px;overflow:hidden;border:2px solid transparent;padding:0}.sw button.on{border-color:var(--gold)}.sw img{width:100%;height:100%;object-fit:cover}
.gg{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.gc{padding:0;overflow:hidden}.gc img{width:100%;height:120px;object-fit:cover;display:block;transition:transform .5s,filter .3s}.gc.offg img{filter:grayscale(1) brightness(.6)}.gc:hover img{transform:scale(1.05)}.gc .bd{padding:14px 16px;display:flex;align-items:center;gap:10px}.gc .bd b{flex:1}.gc .tg{position:absolute;right:12px;top:12px;background:rgba(13,11,20,.8)}
.sw2{width:44px;height:26px;border-radius:13px;background:rgba(255,255,255,.14);position:relative;transition:.25s}.sw2:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.25s}.sw2.on{background:#2a9d5c}.sw2.on:after{left:21px}
.pc.cur{border-color:rgba(246,185,59,.45)}.pc h3{font-size:22px;margin-bottom:6px}.pc .row2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
#drawer{position:fixed;z-index:40;top:16px;right:16px;bottom:16px;width:360px;max-width:calc(100vw - 32px);transform:translateX(120%);transition:transform .45s cubic-bezier(.2,.9,.2,1);border-radius:28px;padding:30px;background:rgba(22,18,34,.96);border:1px solid rgba(255,255,255,.1);box-shadow:-30px 0 80px #0009;overflow:auto}#drawer.open{transform:none}
#drawer .av{width:76px;height:76px;font-size:28px}.x{position:absolute;right:18px;top:18px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--mute)}.x:hover{background:rgba(255,255,255,.08);color:#fff}
#pal{position:fixed;inset:0;z-index:50;background:rgba(8,6,14,.6);backdrop-filter:blur(6px);display:grid;place-items:start center;padding-top:14vh}#pal[hidden]{display:none}.pal-box{width:min(600px,92vw);padding:12px}#pal-q{width:100%;height:50px;background:none;border:0;border-bottom:1px solid var(--line);padding:0 14px;font-size:16px;outline:0}
#pal-list{max-height:340px;overflow:auto;padding-top:8px}#pal-list button{display:flex;gap:12px;align-items:center;width:100%;text-align:left;padding:11px 14px;border-radius:12px}#pal-list button.on{background:rgba(246,185,59,.14)}
#toasts{position:fixed;z-index:80;left:calc(50% + var(--sw)/2);bottom:28px;transform:translateX(-50%);display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{background:#1d1630;border:1px solid rgba(246,185,59,.5);border-radius:16px;padding:11px 18px;box-shadow:0 12px 30px #0008;animation:in .3s}
@media(max-width:1000px){.c3{grid-column:span 6}.c4,.c5,.c7,.c8{grid-column:span 12}.bn{grid-template-columns:1fr}.row{grid-template-columns:1fr auto}.row>:nth-child(n+3){display:none}.srch{width:100%}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ===== Pengguna: grid card ===== */
.utb{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:4px 0 22px}.ufs{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto}
.sel{height:46px;border-radius:23px;border:1px solid rgba(255,255,255,.14);background:rgba(18,14,30,.72);padding:0 16px;outline:0;cursor:pointer;transition:border-color .2s}.sel:hover,.sel:focus{border-color:rgba(190,160,255,.55)}.sel option{background:#17101f}
.ugrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px}
.uc{display:flex;flex-direction:column;gap:16px;padding:20px;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}
.uc:hover{transform:translateY(-4px);border-color:rgba(190,160,255,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 26px 50px -20px rgba(0,0,0,.85)}
.uc.Gold:hover{border-color:rgba(246,185,59,.45)}.uc.Platinum{border-color:rgba(176,184,255,.22)}.uc.ban{opacity:.72}.uc.ban .av{filter:grayscale(1)}
.uh{display:flex;align-items:center;gap:12px;position:relative}.uh .av{width:48px;height:48px}
.dotl{position:absolute;left:35px;top:34px;width:13px;height:13px;border-radius:50%;background:#5d5873;border:2px solid #1a1428}.dotl.on{background:var(--ok);box-shadow:0 0 8px rgba(46,230,107,.6)}
.un{flex:1;min-width:0;display:flex;flex-direction:column}.un b{font-size:16px}.un b,.un span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.ui>div{min-width:0}.ui>div:nth-child(3){grid-column:1/-1}.ui dt{font-size:12px;color:var(--mute)}.ui dd{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ue{padding:14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--line)}.bad{color:var(--bad)}
.us{display:flex;gap:6px 14px;flex-wrap:wrap;font-size:12.5px;color:var(--mute)}.us span{display:flex;align-items:center;gap:5px}.us svg,.uv svg{width:15px;height:15px}.us b{color:#f4f2fa}
.uv{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mute)}.uf{display:flex;align-items:center;justify-content:space-between;margin-top:auto}
.pill2{border-radius:12px;padding:3px 11px;font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;gap:7px}.pill2:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.pill2.ok{color:#5ee08d;background:rgba(46,230,107,.1)}.pill2.mute{color:var(--mute);background:rgba(255,255,255,.07)}.pill2.warn{color:#ffc94a;background:rgba(246,185,59,.12)}.pill2.bad{color:var(--bad);background:rgba(255,138,138,.12)}
.sk{height:330px}.sk i{display:block;height:18px;border-radius:9px;margin-bottom:22px;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.12),rgba(255,255,255,.04));background-size:200% 100%;animation:sh 1.4s infinite}@keyframes sh{to{background-position:-200% 0}}
.empty{grid-column:1/-1;text-align:center;padding:56px 20px;display:flex;flex-direction:column;align-items:center;gap:10px}.eb{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:rgba(150,110,255,.15);color:var(--vio)}.eb svg{width:30px;height:30px}
.upg{display:flex;align-items:center;gap:8px;margin-top:26px;flex-wrap:wrap}.upg .sp{flex:1}.pgn{min-width:34px;padding:0 10px}.pgn.on{border-color:var(--gold);color:var(--gold)}.gh:disabled{opacity:.4;pointer-events:none}
#drawer{width:480px}#drawer .seg button{padding:0 13px}.dbody{margin-top:20px}.kv{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.kv b{text-align:right;font-weight:500;overflow-wrap:anywhere}.sec{font-weight:700;font-size:15px;margin:24px 0 2px}
.note{border-radius:14px;padding:12px 14px;margin:0 0 12px;background:rgba(255,138,138,.1);border:1px solid rgba(255,138,138,.35);color:#ffc2c2}.note.w{background:rgba(246,185,59,.1);border-color:rgba(246,185,59,.4);color:#ffd98a}
.acts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.acts .in{margin:0;height:42px}.acts .btn,.acts .gh{width:100%}
.tl{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.tl .tk{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(150,110,255,.15);color:var(--vio);flex:none}.tl .sp{flex:1}
@media(max-width:1000px){.ufs{margin-left:0}.sel{flex:1}}

/* ===== Halaman Game: grid card, toolbar, modal (charcoal, deep purple, gold secukupnya) ===== */
[hidden]{display:none!important}
.b-Premium{color:#e4a8ff;border-color:#e4a8ff88}.b-none{color:var(--mute);border-color:rgba(255,255,255,.2)}
.btn:disabled{opacity:.6;pointer-events:none}.fh2{font-size:12.5px;margin-top:10px}
/* header */
.gstats{display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px;color:var(--mute);font-size:13px;padding-bottom:6px}.gstats b{color:#fff;font-weight:700;font-variant-numeric:tabular-nums}
.gsync{display:inline-flex;align-items:center;gap:7px;color:#ffd98a}
/* toolbar */
.gtool{display:flex;flex-direction:column;gap:14px;padding:16px 18px;margin:4px 0 20px;border-radius:20px}
.gt-r1{display:flex;align-items:flex-end;gap:12px}
.gt-s{position:relative;flex:1 1 320px;min-width:0}.gt-s .i{position:absolute;left:14px;top:50%;width:17px;height:17px;transform:translateY(-50%);stroke:var(--mute);pointer-events:none}
.gt-s .srch{width:100%;height:42px;border-radius:12px;padding:0 14px 0 42px}
.gt-f{display:flex;flex-direction:column;gap:6px;min-width:0}.gt-f>span{font-size:12px;font-weight:600;color:var(--mute)}
.gt-r1 .gt-f{flex:0 0 200px}
.gtool .sel{width:100%;height:42px;border-radius:12px;padding:0 12px;font-size:13.5px;text-overflow:ellipsis}
.gt-r2{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 20px;flex-wrap:wrap}
.gt-fs{display:flex;align-items:flex-end;gap:12px 16px;flex-wrap:wrap}.gt-fs>label.gt-f{width:190px}
.gtool .seg{border-radius:12px;padding:3px}.gtool .seg button{height:36px;padding:0 13px;font-size:13px;border-radius:10px}.gtool .seg .ind{top:3px;height:36px;border-radius:10px}
.gdim{opacity:.55;transition:opacity .2s;pointer-events:none}
.gcn{font-style:normal;font-size:12px;font-weight:600;color:var(--mute);background:rgba(255,255,255,.08);border-radius:10px;padding:1px 8px;font-variant-numeric:tabular-nums}.seg button.on .gcn{color:var(--gold);background:rgba(246,185,59,.14)}
.gres{font-size:13px;white-space:nowrap;padding-bottom:10px}
.gt-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--line)}
.gt-cl{font-size:12px;font-weight:600;color:var(--mute);margin-right:2px}
.gt-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 8px 0 12px;border-radius:15px;font-size:12.5px;font-weight:600;color:#ffd98a;background:rgba(246,185,59,.1);border:1px solid rgba(246,185,59,.32);transition:background .2s,border-color .2s}
.gt-chip:hover{background:rgba(246,185,59,.18);border-color:rgba(246,185,59,.55)}.gt-chip .i{width:14px;height:14px}
.gt-chips .gh.sm{height:30px;margin-left:auto}
/* grid + kartu */
.gg2{display:grid;grid-template-columns:repeat(auto-fill,minmax(264px,1fr));gap:20px}
.gx{padding:0;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .25s}
.gx:hover{transform:translateY(-3px);border-color:rgba(190,160,255,.32);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 46px -22px rgba(0,0,0,.85)}
.gcv{position:relative;aspect-ratio:460/215;overflow:hidden;background:#17111f}
.gcov{position:relative;width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#2a2046,#161022)}.gcov b{font-size:26px;letter-spacing:1px;color:rgba(255,255,255,.35)}
.gcov img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.gx:hover .gcov img{transform:scale(1.04)}
.gx.offg .gcov img{filter:grayscale(1) brightness(.6)}
.gcv:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(transparent,rgba(13,11,20,.55));pointer-events:none}
.gtier{position:absolute;left:12px;top:12px;z-index:2;display:inline-flex;align-items:center;gap:6px}
.gtier .badge{padding:2px 10px;font-size:12px;background:rgba(13,11,20,.82);backdrop-filter:blur(6px)}
.gman,.gh2{font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:12px;background:rgba(13,11,20,.82);backdrop-filter:blur(6px);color:var(--mute)}
.gh2{position:absolute;right:12px;top:12px;z-index:2}
.gbd2{padding:16px 18px 18px;display:flex;flex-direction:column;gap:14px;flex:1}
.gtt{min-width:0}.gtt h3{font-size:16px;font-weight:700;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gid{font-size:12.5px;color:var(--mute);margin-top:3px;font-variant-numeric:tabular-nums}
.gkv{display:flex;flex-direction:column}
.gkv>div{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px;border-top:1px solid var(--line)}
.gkv dt{font-size:12.5px;color:var(--mute);flex:none}.gkv dd{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-weight:600;font-size:13px;min-width:0;text-align:right;font-variant-numeric:tabular-nums}
.gsz{font-size:12px;font-weight:500;color:var(--mute)}
.gft{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.gft .gh{width:100%;padding:0 10px;white-space:nowrap}.gft .gh .i{width:16px;height:16px}
.gbp2{background:rgba(150,110,255,.14);border-color:rgba(167,139,250,.36);color:#e4dcff}.gbp2:hover{background:rgba(150,110,255,.26)}
.bst{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;padding:3px 11px;border-radius:12px;white-space:nowrap}.bst:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.bst.ok{color:#5ee08d;background:rgba(46,230,107,.1)}.bst.none{color:#ffd98a;background:rgba(246,185,59,.12)}.bst.off{color:var(--mute);background:rgba(255,255,255,.07)}
.gsk{padding:0;min-height:386px}.gsk i{display:block;height:14px;margin:16px 18px 0;border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.12),rgba(255,255,255,.04));background-size:200% 100%;animation:sh 1.4s infinite}.gsk i.c{height:150px;margin:0;border-radius:0}.gsk i.s{width:55%}
/* pagination */
.gpg{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin:0 0 16px;padding:10px 14px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid var(--line)}
.gg2+.gpg{margin:22px 0 0}
.gpi{display:flex;flex-direction:column;gap:2px;font-size:13.5px;min-width:0}.gpi b{font-weight:700}.gpm{font-size:12px;color:var(--mute)}.gpm b{color:#fff}
.gpg.top .gpi{flex-direction:row}.gpn{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.gpn .gh{height:34px;min-width:34px;padding:0 12px;font-size:13px;border-radius:11px;gap:4px}.gpn .gh .i{width:15px;height:15px}
.gpn .pgn{padding:0 8px}.gpn .pgn.on{border-color:var(--gold);color:var(--gold);background:rgba(246,185,59,.1)}.gpn .gpm{padding:0 6px}
/* modal */
#gmodal{position:fixed;inset:0;z-index:45;display:grid;place-items:center;padding:20px;background:rgba(8,6,14,.66);backdrop-filter:blur(6px);opacity:0;transition:opacity .25s}#gmodal.open{opacity:1}
.gm{width:min(980px,100%);max-height:calc(100vh - 40px);display:flex;flex-direction:column;overflow:hidden;padding:0;transform:translateY(14px) scale(.985);transition:transform .3s cubic-bezier(.2,.9,.2,1);background:rgba(22,18,34,.98)}#gmodal.open .gm{transform:none}
.gm .x{z-index:3}
.gmh{display:flex;align-items:center;gap:16px;padding:22px 72px 18px 28px}.gmh .gcov{width:112px;height:52px;border-radius:12px;overflow:hidden;flex:none}
.gmt{min-width:0;display:flex;flex-direction:column;gap:8px}.gmt h2{font-size:21px;font-weight:700;margin:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gmm{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px}.gmm .badge{padding:2px 10px;font-size:12px}
.gtabs{display:flex;gap:4px;padding:0 22px;border-bottom:1px solid var(--line)}
.gtabs button{position:relative;height:44px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--mute);transition:color .2s}.gtabs button:hover,.gtabs button.on{color:#fff}
.gtabs button:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:2px;background:var(--gold);transform:scaleX(0);transition:transform .25s}.gtabs button.on:after{transform:none}
.gtd{width:7px;height:7px;border-radius:50%;background:var(--mute)}.gtd.ok{background:var(--ok);box-shadow:0 0 6px rgba(46,230,107,.5)}
.gmb{flex:1;min-height:0;overflow:auto;padding:22px 28px}
.gmf{display:flex;flex-direction:column;gap:16px;min-width:0}
.gmb2{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}
.gsec{padding:18px 20px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid var(--line)}.gsec>*+*{margin-top:14px}
.gsh h3{font-size:14px;font-weight:700;color:#fff}.gsh p{font-size:12.5px;margin-top:3px}
.gdl{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}.gdl dt{font-size:12px;color:var(--mute)}.gdl dd{margin-top:3px;font-weight:600;font-size:13.5px;overflow-wrap:anywhere}
.gact{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12.5px}
.gsw{display:flex;align-items:center;justify-content:space-between;gap:20px}.gsw b{display:block;font-weight:600}.gsw .m{font-size:12.5px;margin-top:3px}.gsw .sw2{flex:none}
.gfd{display:flex;flex-direction:column;gap:6px}.gfl{font-size:12.5px;font-weight:600;color:#d8d3ea}
.gfr{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gm .in{margin:0;height:42px}.gm .in.err{border-color:rgba(255,138,138,.7)}.gm .ta{height:auto;padding:10px 12px;resize:vertical;font:inherit;line-height:1.5}
.gm .fm{display:block;font-size:12px;line-height:1.45;margin:0;color:var(--mute)}.gm .fm.ferr{color:var(--bad)}
.gfd .seg{align-self:flex-start;max-width:100%}
.ghist{list-style:none}.ghist li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}.ghist li:last-child{border-bottom:0;padding-bottom:0}.ghist li:first-child{padding-top:0}
.gdanger{border-color:rgba(255,138,138,.28);background:rgba(255,138,138,.045)}.gdanger .gh .i{width:16px;height:16px}
.gmp{position:sticky;top:0;padding:18px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid var(--line)}.gmp h3{font-size:14px;font-weight:700;color:#fff}
.gpv{display:flex;flex-direction:column;gap:12px;margin:12px 0}.gpv .gcov{aspect-ratio:460/215;height:auto;border-radius:12px;overflow:hidden}.gpb{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.gpc{display:flex;gap:6px;flex-wrap:wrap}.pvv{height:22px;padding:0 8px;border-radius:7px;display:inline-flex;align-items:center;font-size:11.5px;font-weight:600;color:#d9ceff;background:rgba(124,58,237,.18);box-shadow:inset 0 0 0 1px rgba(184,150,255,.3)}
.gmn{margin:0 28px 12px}
.gmx{display:flex;align-items:center;gap:10px;padding:16px 28px;border-top:1px solid var(--line);background:rgba(13,11,20,.45)}.gmx .sp{flex:1}
.gdirty{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:#ffd98a}.gdirty i{width:7px;height:7px;border-radius:50%;background:var(--gold)}
@media(max-width:900px){.gmb2{grid-template-columns:1fr}.gmp{position:static}.gfr{grid-template-columns:1fr}.gdl{grid-template-columns:1fr 1fr}.gmh{padding:20px 60px 14px 20px}.gmb{padding:18px 20px}.gtabs{padding:0 12px}.gmx{padding:14px 20px}.gmn{margin:0 20px 12px}.gmh .gcov{width:88px;height:44px}}
@media(max-width:1000px){.gt-r1{flex-wrap:wrap}.gt-s{flex:1 1 100%}.gt-r1 .gt-f{flex:1 1 100%}.gt-fs>label.gt-f{flex:1 1 150px;width:auto}.gpg{justify-content:center}.gpi{align-items:center;text-align:center}.gpn{justify-content:center}.gres{padding-bottom:0}}
@media(max-width:560px){.gft{grid-template-columns:1fr}.gdl{grid-template-columns:1fr}.gmx{flex-wrap:wrap}.gdirty{width:100%}}

/* ===== Halaman Hubcap ===== */
.hsts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:6px 0 16px}.hst{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--line)}.hst b{display:block;font-size:20px;margin-top:4px;font-variant-numeric:tabular-nums}
.hbar{height:8px;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden;margin:8px 0}.hbar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#f6b93b,#ffd479);transition:width .4s}
.hact{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.hk{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid var(--line)}.hk .sp{flex:1;min-width:0}.hform{margin-top:18px}
@media(max-width:900px){.hsts{grid-template-columns:1fr}}

/* ===== Toolbar bersama (dipakai halaman Pengguna/Role): .gbar .gr1 .gr2 .gsrch .gpe ===== */
.gbar{display:flex;flex-direction:column;gap:12px;padding:14px 16px;margin:4px 0 18px;border-radius:20px}
.gr1{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
.gsrch{position:relative;flex:1 1 280px;min-width:200px}.gsrch .i{position:absolute;left:14px;top:50%;width:17px;height:17px;transform:translateY(-50%);stroke:var(--mute);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.gbar .srch{width:100%;height:42px;border-radius:14px;padding:0 14px 0 40px}
.gbar .sel{flex:0 0 auto;height:42px;width:176px;border-radius:14px;padding:0 12px;font-size:13.5px;text-overflow:ellipsis}
.gr2{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.gbar .seg{border-radius:14px;padding:3px}.gbar .seg button{height:34px;padding:0 13px;font-size:13px;border-radius:11px}.gbar .seg .ind{top:3px;height:34px;border-radius:11px}
.gpe{display:inline-grid;place-items:center;min-width:22px;height:34px;color:var(--mute)}
@media(max-width:1000px){.gr1{flex-wrap:wrap}.gsrch{flex:1 1 100%}.gbar .sel{flex:1 1 150px;width:auto}}

/* ===== Halaman Kategori Harga ===== */
.prg{display:flex;flex-direction:column;gap:12px;margin:14px 0 6px}.prw{padding:14px 16px 4px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid var(--line)}
.prh{display:flex;align-items:center;gap:10px;margin-bottom:4px}.prf{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.prf .in:disabled{opacity:.55;cursor:not-allowed}
.pcfg{margin-top:22px}.pcfg h3,#pinfo h3{font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
#pinfo{margin-top:20px}.prp{margin-top:18px;padding:14px 16px;border-radius:16px;background:rgba(246,185,59,.07);border:1px solid rgba(246,185,59,.25)}.prl{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:13.5px}
#pprog .m{margin-top:10px}#pprog .note{margin-top:12px}
@media(max-width:700px){.prf{grid-template-columns:1fr}}
/* ===== Progres penerapan kategori ===== */
.apc{margin-top:18px;padding:18px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid var(--line)}
.aph{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:14px}
.apn{display:flex;align-items:baseline;gap:12px;margin-bottom:12px;flex-wrap:wrap}.apv{font-size:44px;font-weight:800;letter-spacing:-1.5px;line-height:1;color:var(--gold)}.apv small{font-size:20px;font-weight:700;margin-left:2px;color:var(--mute)}
.apc .bar{height:10px}
.apg{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px;margin-top:14px}
.aps{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--line);min-width:0}.aps span{display:block;font-size:12px;color:var(--mute)}.aps b{display:block;margin-top:2px;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.aps.ok b{color:#5ee08d}.aps.bad b{color:var(--bad)}
.apf{margin-top:12px!important;font-size:12.5px}
.ape{margin-top:12px;font-size:12.5px;color:#ffc2c2}.ape summary{cursor:pointer}.ape code{display:block;margin-top:6px;padding:7px 10px;border-radius:10px;background:rgba(255,138,138,.08);overflow-wrap:anywhere;font:12px/1.4 ui-monospace,Consolas,monospace}

@media(prefers-reduced-motion:reduce){.apc .bar i{transition:none}}

/* ===== Halaman Discord (Login with Discord) ===== */
.dcol{grid-column:span 5;display:flex;flex-direction:column;gap:20px;min-width:0}
.dcf .fl{margin-top:2px}
.dcf .fm{display:block;font-size:12.5px;line-height:1.5;margin:-8px 0 16px;color:var(--mute)}.dcf .fm.ferr{color:var(--bad)}
.dcf .in.err{border-color:rgba(255,138,138,.7)}
.dcsw{align-items:flex-start;padding-top:2px;margin-bottom:12px}.dcsw>div{min-width:0}.dcsw b{display:block;text-align:left;font-weight:600}.dcsw .m{font-size:12.5px;margin-top:3px;line-height:1.5}.dcsw .sw2{flex:none;margin-top:2px}
.dcs{display:flex;align-items:center;gap:12px;min-height:42px;margin:6px 0 8px;padding:4px 5px 4px 14px;border-radius:12px;background:rgba(18,14,30,.72);border:1px solid rgba(255,255,255,.14)}
.dcs b{font-weight:600;letter-spacing:.14em;white-space:nowrap}.dcs .m{flex:1;min-width:0;font-size:12.5px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dcs+.fm{margin-top:0}
.dcpw{position:relative}.dcpw .in{padding-right:48px}
.dcpw .eye{position:absolute;right:4px;top:9px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:var(--mute);transition:background .2s,color .2s}
.dcpw .eye:hover{background:rgba(255,255,255,.08);color:#fff}.dcpw .eye svg{width:18px;height:18px}
.dcx{margin:-6px 0 16px}
.dcsg{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-6px 0 16px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--line);font-size:12.5px}
.dcu{overflow-wrap:anywhere;color:#e6e1fa;background:rgba(255,255,255,.07);border-radius:8px;padding:2px 8px}.dcsg .dcu{flex:1 1 220px;min-width:0}
.dcf .hact{margin-top:20px}#dc-dirty:empty{display:none}
.dck{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.dck:last-child{border-bottom:0;padding-bottom:0}.dck b{font-weight:600}.dck .m{font-size:12.5px;margin-top:2px;line-height:1.5}
.dcm{flex:none;width:26px;height:26px;margin-top:1px;border-radius:50%;display:grid;place-items:center}.dcm svg{width:14px;height:14px;stroke-width:2.4}
.dcm.ok{color:#5ee08d;background:rgba(46,230,107,.12)}.dcm.warn{color:#ffc94a;background:rgba(246,185,59,.14)}.dcm.bad{color:var(--bad);background:rgba(255,138,138,.12)}
.tile .v.sm{font-size:22px;letter-spacing:-.4px;line-height:1.3;margin:12px 0 8px}.tile .m{font-size:12.5px}
.dcg{list-style:none;counter-reset:dcs;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px 26px}
.dcg li{counter-increment:dcs;display:flex;gap:12px;align-items:flex-start;line-height:1.55;color:#d8d3ec}
.dcg li:before{content:counter(dcs);flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12.5px;font-weight:700;color:var(--gold);background:rgba(246,185,59,.1);border:1px solid rgba(246,185,59,.4)}
.dcg b{font-weight:600;color:#fff}
@media(max-width:1000px){.dcol{grid-column:span 12}.dcs .m{display:none}}
@media(max-width:1180px){#dock .seg button{padding:0 14px}}
/* ===== Discord Role Mapping ===== */
.rm-sub{flex:1 1 300px;min-width:0;max-width:560px;font-size:13.5px;line-height:1.5}
.rm-bot{display:flex;align-items:center;gap:10px 12px;flex-wrap:wrap;padding:14px 18px;border-radius:18px;margin-bottom:16px}
.rm-bot.bad{border-color:rgba(246,185,59,.4)}
.rm-bd{width:10px;height:10px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px rgba(46,230,107,.6);flex:none}.rm-bot.bad .rm-bd{background:#ffc94a;box-shadow:0 0 8px rgba(246,185,59,.55)}
.rm-bnm{display:flex;flex-direction:column;min-width:0}.rm-bnm b{display:flex;align-items:center;gap:8px;font-weight:700}.rm-bnm b svg{width:17px;height:17px;color:var(--mute)}.rm-bnm .m{font-size:12.5px}
.rm-ck{font-size:12.5px}
.rm-bn2{display:flex;flex-direction:column;gap:4px;margin:-4px 0 16px;line-height:1.5}
.rm-ext{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sk-line{height:auto;padding:16px 20px}

.rm-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:20px;align-items:stretch}
.rm-card{display:flex;flex-direction:column;gap:0;padding:22px}
.rm-card.sk{height:380px}
.rm-public{--pa:#4ade80}.rm-gold{--pa:#f6b93b}.rm-platinum{--pa:#b0b8ff}
.rm-ch{display:flex;align-items:center;gap:14px}
.rm-crest{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:var(--pa);background:color-mix(in srgb,var(--pa) 14%,transparent);border:1px solid color-mix(in srgb,var(--pa) 38%,transparent)}
.rm-crest svg{width:22px;height:22px}
.rm-ct{min-width:0;flex:1}.rm-ct h2{font-size:22px;font-weight:800;letter-spacing:-.4px;margin:0;display:block}.rm-ct .m{font-size:12.5px;margin-top:2px}
.rm-fl{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.rm-dirty{flex:none}
.rm-join{position:relative;height:26px;margin-left:21px}
.rm-join i{position:absolute;left:0;top:0;bottom:-1px;width:2px;background:linear-gradient(var(--pa),rgba(255,255,255,.14));opacity:.55}
.rm-join i:after{content:"";position:absolute;left:-4px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:#3a3350;transition:background .3s,box-shadow .3s}
.rm-join.has i{opacity:1;background:linear-gradient(var(--pa),var(--rc))}.rm-join.has i:after{background:var(--rc);box-shadow:0 0 10px var(--rc)}
.rm-slot{display:flex;align-items:center;min-height:72px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--line);border-left:4px solid var(--rc,rgba(255,255,255,.16));transition:border-color .3s}
.rm-chipbig{min-width:0;max-width:100%}.rm-chipbig .rc{font-size:16px;padding:8px 16px 8px 13px;border-radius:14px}.rm-chipbig .rc i{width:14px;height:14px}
.rm-empty{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 14px;border-radius:12px;border:1px dashed rgba(255,255,255,.22);color:var(--mute);text-align:left;transition:border-color .2s,color .2s}
.rm-empty:hover{border-color:var(--pa);color:#fff}.rm-empty svg{width:18px;height:18px;flex:none}
.rm-sw{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.rm-sw>div{display:flex;flex-direction:column;min-width:0}.rm-sw b{font-weight:600}.rm-sw .m{font-size:12.5px}
.sw2:disabled{opacity:.4;cursor:not-allowed}
.rm-hint{font-size:12.5px;line-height:1.5;margin-top:10px}
.rm-card .note{margin:12px 0 0}
.rm-ft{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:16px}
.rm-us{font-size:12.5px;font-variant-numeric:tabular-nums}
.rm-was{font-size:12px;margin-top:10px}

/* Hierarki paket: Public tenang, Gold hangat, Platinum paling premium */
.rm-public{border-color:rgba(74,222,128,.16)}
.rm-gold{border-color:rgba(246,185,59,.34);background:linear-gradient(180deg,rgba(246,185,59,.085),rgba(19,15,32,.86) 46%),linear-gradient(180deg,rgba(40,32,62,.74),rgba(19,15,32,.84))}
.rm-gold:before{background:linear-gradient(90deg,transparent,rgba(246,185,59,.8),transparent)}
.rm-platinum{border-color:rgba(176,184,255,.5);background:linear-gradient(160deg,rgba(176,184,255,.16),rgba(124,92,230,.07) 42%,rgba(19,15,32,.88) 78%),linear-gradient(180deg,rgba(40,32,62,.74),rgba(19,15,32,.84));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 22px 50px -18px rgba(110,90,230,.45)}
.rm-platinum:before{background:linear-gradient(90deg,transparent,rgba(214,220,255,.95),transparent)}
.rm-platinum .rm-crest{width:48px;height:48px;background:linear-gradient(135deg,rgba(214,220,255,.28),rgba(124,92,230,.22));border-color:rgba(214,220,255,.55)}
.rm-platinum .rm-join{margin-left:23px}

/* Status Bot dan baris catatan */
.rm-bar-sp{height:0}
.rm-bar{position:sticky;bottom:16px;z-index:25;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 20px;margin:0 0 20px;border-radius:20px;border-color:rgba(246,185,59,.5);background:rgba(28,22,44,.97);box-shadow:0 18px 50px -12px #000}
.rm-bar.saved{position:static;flex-direction:row;align-items:center;justify-content:flex-start;padding:12px 18px;border-color:rgba(46,230,107,.3);box-shadow:none}
.rm-bs{min-width:0;flex:1 1 320px}.rm-bs b{display:block;margin-bottom:4px}.rm-bs ul{list-style:none;display:flex;flex-direction:column;gap:2px;font-size:13px;color:#d8d2ec}.rm-bs .note{margin:10px 0 0}
.rm-ba{display:flex;gap:10px;flex:none}

/* Sinkronisasi */
.rm-sync{margin-bottom:20px}.rm-sync h2{margin-bottom:14px}.rm-tot{font-weight:400;font-size:13px;font-variant-numeric:tabular-nums}
.rm-sbar{display:flex;gap:3px;height:14px;border-radius:7px;overflow:hidden;margin:6px 0 16px;background:rgba(255,255,255,.08)}.rm-sbar i{display:block;min-width:4px;transition:flex .5s}
.rm-sbar .k-synced,.rm-leg .k-synced{background:#2ee66b}.rm-sbar .k-pending,.rm-leg .k-pending{background:#ffc94a}.rm-sbar .k-waiting_member,.rm-leg .k-waiting_member{background:#d9892b}
.rm-sbar .k-failed,.rm-leg .k-failed{background:#ff8a8a}.rm-sbar .k-skipped,.rm-leg .k-skipped{background:#8d89a3}.rm-sbar .k-unsynced,.rm-leg .k-unsynced{background:#4d4766}
.rm-leg{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px 22px}
.rm-leg li{display:flex;align-items:center;gap:9px;padding:6px 0;border-bottom:1px solid var(--line)}.rm-leg li.z{opacity:.5}
.rm-leg li i{flex:none;width:9px;height:9px;border-radius:50%}.rm-leg li span{flex:1;color:#d8d2ec}.rm-leg li b{font-variant-numeric:tabular-nums}
.rm-conf{display:flex;flex-direction:column;gap:6px;margin:16px 0 0;line-height:1.5}.rm-conf .hact{margin-top:8px}
.rm-msg{margin-top:14px;font-size:13px}

/* Log */
.rm-logs{margin-bottom:20px}.rm-logs h2{margin-bottom:6px}
.rm-ll{list-style:none}
.rm-lr{display:grid;grid-template-columns:120px 170px 150px 140px minmax(0,1fr);gap:8px 16px;padding:14px 0;border-top:1px solid var(--line);align-items:start}
.rm-lt{display:flex;flex-direction:column;font-weight:500}.rm-lt .m{font-size:11.5px;font-weight:400}
.rm-lu{display:flex;flex-direction:column;min-width:0}.rm-lu b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.rm-lu .m{font-size:11.5px;overflow:hidden;text-overflow:ellipsis}
.rm-lp{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.rm-lp .m{font-size:12px}
.rm-dl{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:5px}.rm-dl>.m{font-size:12px;min-width:68px}
.rm-dl .rc,.rm-lb .rc{font-size:11.5px;padding:2px 10px 2px 8px}
.rm-lm{font-size:12.5px;overflow-wrap:anywhere}
.rm-lnone{margin:10px 0 4px}
.rm-guide{padding:0;margin-bottom:20px}.rm-guide summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:16px 22px;font-weight:600}.rm-guide summary::-webkit-details-marker{display:none}
.rm-guide summary:after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid var(--mute);border-bottom:2px solid var(--mute);transform:rotate(45deg);transition:transform .25s}.rm-guide[open] summary:after{transform:rotate(-135deg)}
.rm-guide ol{padding:0 26px 20px 46px;line-height:1.7;color:#d8d2ec;max-width:78ch}.rm-guide code{background:rgba(255,255,255,.08);border-radius:6px;padding:1px 6px;font:12.5px ui-monospace,Consolas,monospace}

/* Pemilih role */
#rmpick{position:fixed;inset:0;z-index:55}
.rm-pk-bg{position:absolute;inset:0;background:rgba(8,6,14,.6);backdrop-filter:blur(4px);opacity:0;transition:opacity .25s}#rmpick.open .rm-pk-bg{opacity:1}
.rm-pk{position:absolute;top:16px;right:16px;bottom:16px;width:440px;max-width:calc(100vw - 32px);border-radius:28px;padding:28px;overflow:auto;background:rgba(22,18,34,.98);border:1px solid rgba(255,255,255,.1);box-shadow:-30px 0 80px #0009;transform:translateX(115%);transition:transform .4s cubic-bezier(.2,.9,.2,1)}#rmpick.open .rm-pk{transform:none}
.rm-pk h2{font-size:20px;font-weight:800;letter-spacing:-.3px;padding-right:44px;margin-bottom:6px;display:block}.rm-pk>.m{font-size:13px;line-height:1.5}
.rm-pkb{margin-top:6px}
.rm-ps{position:relative;margin:16px 0 10px}.rm-ps .srch{width:100%;height:42px;border-radius:14px;padding:0 14px 0 40px}
.rm-clear{margin-bottom:6px}
.rm-rl{list-style:none;display:flex;flex-direction:column;gap:4px;margin:10px 0 14px}
.rm-ro{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;padding:9px 12px;border-radius:14px;border:1px solid transparent;transition:background .2s}
.rm-ro:hover:not(:disabled){background:rgba(255,255,255,.06)}.rm-ro.sel{border-color:rgba(246,185,59,.5);background:rgba(246,185,59,.08)}
.rm-ro:disabled{cursor:not-allowed}.rm-ro:disabled .rc{opacity:.55}
.rm-ro .rc{min-width:0;overflow:hidden}.rm-ro .rm-rn{flex:none;max-width:48%;font-size:12px;text-align:right;line-height:1.35}

/* Dock memuat 9 menu: tetap muat di layar sempit */
@media(max-width:1100px){#dock .seg button:not(.on) span{display:none}}
@media(max-width:1100px){.rm-cards{grid-template-columns:1fr}.rm-lr{grid-template-columns:1fr 1fr}.rm-lb{grid-column:1/-1}}
@media(max-width:700px){.rm-bar{bottom:96px}.rm-ba{width:100%}.rm-ba .btn,.rm-ba .gh{flex:1}.rm-pk{top:8px;right:8px;bottom:8px;max-width:calc(100vw - 16px);padding:22px 18px}.pg{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.rm-pk,.rm-pk-bg{transition:none}}

/* ===== Pengguna: identitas paket, daftar, panel detail ===== */
/* Satu identitas paket di seluruh Admin Web: warna aksen --pa (sama dengan kartu paket di Role Mapping), lambang, dan bentuk badge. */
.pl-public{--pa:#4ade80}.pl-gold{--pa:#f6b93b}.pl-platinum{--pa:#b0b8ff}
.pbg{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 11px 0 8px;border-radius:9px;font-size:12.5px;font-weight:700;white-space:nowrap;color:var(--pa,#4ade80);background:color-mix(in srgb,var(--pa,#4ade80) 13%,transparent);border:1px solid color-mix(in srgb,var(--pa,#4ade80) 38%,transparent)}
.pbg svg.i{width:14px;height:14px}
.pbg.pl-platinum{background:linear-gradient(135deg,rgba(214,220,255,.2),rgba(124,92,230,.16));border-color:rgba(214,220,255,.5)}
.uav{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;background:#2a2140;border:2px solid color-mix(in srgb,var(--pa,#4ade80) 55%,transparent)}
.uav.pl-public{border-color:rgba(255,255,255,.18)}
.uav.pl-gold{box-shadow:0 0 0 3px rgba(246,185,59,.14)}
.uav.pl-platinum{border-color:#cfd4ff;box-shadow:0 0 0 3px rgba(176,184,255,.18)}
.uav.big{width:68px;height:68px}
.mono{font-variant-numeric:tabular-nums;letter-spacing:.2px}
.pill2.mute:before{opacity:.7}

/* Indikator kecil: titik berwarna = kondisi, teks tetap redup */
.ixs{display:flex;flex-wrap:wrap;gap:6px 14px}
.ix{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;line-height:1.3;color:#d8d2ec;white-space:nowrap}
.ix i{flex:none;width:7px;height:7px;border-radius:50%;background:#8d89a3}
.ix.ok i{background:#2ee66b}.ix.warn i{background:#ffc94a}.ix.bad i{background:#ff8a8a}.ix.mute i{background:#8d89a3}
.ixl{color:var(--mute)}
.ucp{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.ucs{display:flex;flex-direction:column;gap:2px;min-width:0}.ucs .m{font-size:12.5px}

/* Ringkasan atas = pintasan filter */
.uv-sum,.uv-tab,#ufb{transition:none}.uv-sum:after,.uv-tab:after,#ufb:after{display:none}
.uv-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:6px;margin-bottom:16px}
.uv-st{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 18px;border-radius:18px;text-align:left;transition:background .2s}
.uv-st+.uv-st:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:1px;background:var(--line)}
.uv-st:hover{background:rgba(255,255,255,.04)}
.uv-st[aria-pressed=true]{background:rgba(150,110,255,.16);box-shadow:inset 0 0 0 1px rgba(190,160,255,.35)}
.uv-n{font-size:30px;font-weight:800;letter-spacing:-.8px;line-height:1.1;font-variant-numeric:tabular-nums}
.uv-l{font-size:13px;color:var(--mute)}
.uv-st.pl-gold .uv-n{color:var(--gold)}.uv-st.pl-platinum .uv-n{color:#b0b8ff}.uv-st.warn .uv-n{color:#ffc94a}

/* Bilah filter */
.uv-vw{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.uv-fp .seg{max-width:100%}
.gbar .uv-fp .seg button{padding:0 14px}
.uv-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.uv-chips[hidden]{display:none}
.uv-chip{display:inline-flex;align-items:center;gap:6px;height:30px;max-width:100%;padding:0 8px 0 12px;border-radius:10px;font-size:12.5px;font-weight:500;background:rgba(150,110,255,.16);border:1px solid rgba(190,160,255,.35);transition:background .2s}
.uv-chip:hover{background:rgba(150,110,255,.28)}
.uv-ct{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uv-chip svg.i{width:14px;height:14px;color:var(--mute)}.uv-chip:hover svg.i{color:#fff}
.uv-note{display:flex;align-items:center;justify-content:space-between;gap:10px 14px;flex-wrap:wrap}
#unote .note{margin-bottom:16px}
.empty code{background:rgba(255,255,255,.08);border-radius:6px;padding:1px 6px;font:12.5px ui-monospace,Consolas,monospace}

/* Daftar (tabel ringkas). Garis warna di kiri = paket. */
.uv-tab{padding:0;overflow:hidden}
.uv-hd,.uv-row,.uv-skr{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.1fr) minmax(0,1.15fr) minmax(0,1.4fr) minmax(0,1.05fr);gap:6px 22px;align-items:center;padding:14px 22px 14px 26px}
.uv-hd{padding-top:14px;padding-bottom:12px;font-size:12.5px;color:var(--mute);border-bottom:1px solid var(--line)}
.uv-row{position:relative;cursor:pointer;border-bottom:1px solid var(--line);transition:background .15s}
.uv-row:last-child{border-bottom:0}
.uv-row:before,.uv-card:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--pa)}
.uv-row.pl-public:before,.uv-card.pl-public:before{opacity:.45}
.uv-row:hover{background:rgba(255,255,255,.035)}
.uv-row:focus-visible,.uv-card:focus-visible{outline:2px solid var(--gold);outline-offset:-2px;border-radius:12px}
.uv-id{display:flex;align-items:center;gap:12px;min-width:0}
.uv-nm{display:flex;flex-direction:column;min-width:0}
.uv-nm b{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uv-nm .m{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uv-2{display:flex;flex-direction:column;gap:1px;min-width:0;font-size:12px;color:var(--mute)}
.uv-2>div{display:flex;gap:8px;min-width:0}
.uv-2 dt{flex:none;width:62px}
.uv-2 dd{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b9b3d1}
.uv-skr i{display:block;height:16px;border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.12),rgba(255,255,255,.04));background-size:200% 100%;animation:sh 1.4s infinite}
.uv-skr{border-bottom:1px solid var(--line)}.uv-skr:last-child{border-bottom:0}

/* Daftar (kartu) */
.uv-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.uv-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:18px 18px 16px 22px;border-radius:20px;cursor:pointer;background:linear-gradient(180deg,rgba(40,32,62,.6),rgba(19,15,32,.78));border:1px solid rgba(255,255,255,.08);transition:border-color .2s}
.uv-card:hover{border-color:rgba(190,160,255,.35)}
.uv-card .uv-2{margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}

/* Panel detail */
#drawer{--dp:26px;width:580px;padding:26px var(--dp) 34px;scroll-padding-top:70px}
.udh{display:flex;align-items:center;gap:16px;padding-right:44px}
.udn{min-width:0}.udn h2{font-size:22px;font-weight:800;letter-spacing:-.4px;overflow-wrap:anywhere;line-height:1.2}
.dbody{margin-top:22px}
.uhero{padding:18px 20px;border-radius:20px;border:1px solid color-mix(in srgb,var(--pa) 38%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--pa) 13%,transparent),rgba(255,255,255,.02) 70%)}
.uhero.pl-platinum{border-color:rgba(214,220,255,.5);background:linear-gradient(160deg,rgba(176,184,255,.2),rgba(124,92,230,.08) 55%,rgba(255,255,255,.02));box-shadow:0 18px 44px -22px rgba(110,90,230,.6)}
.uhero:focus{outline:0}.uhero:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.uhero-t{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.uhero-t .sp{flex:1}
.uhero .pbg{height:32px;padding:0 14px 0 11px;border-radius:11px;font-size:15px}.uhero .pbg svg.i{width:17px;height:17px}
.uhero-l{margin-top:14px;font-size:22px;font-weight:700;letter-spacing:-.3px;font-variant-numeric:tabular-nums}
.uhero-bar{height:6px;margin-top:12px;border-radius:3px;overflow:hidden;background:rgba(255,255,255,.1)}
.uhero-bar i{display:block;height:100%;border-radius:3px;background:var(--pa)}.uhero-bar.warn i{background:#ffc94a}
.uhero-w{margin-top:12px;font-size:13px;color:#ffd98a}
.usb{margin-top:12px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.usb.t-ok{border-color:rgba(46,230,107,.28)}
.usb.t-warn{border-color:rgba(246,185,59,.4);background:rgba(246,185,59,.06)}
.usb.t-bad{border-color:rgba(255,138,138,.45);background:rgba(255,138,138,.07)}
.usb-h{display:flex;align-items:center;justify-content:space-between;gap:10px 14px;flex-wrap:wrap}
.usb-h .ix{font-size:15px}.usb-h .ix i{width:9px;height:9px}
.usb-t{margin:8px 0 0;font-size:13px;line-height:1.5;color:#d8d2ec}
.usb-r{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.usb-r .m{display:block;margin-bottom:6px;font-size:12px}
.unav{position:sticky;top:-1px;z-index:3;display:flex;gap:6px;flex-wrap:wrap;margin:14px calc(var(--dp)*-1) 0;padding:10px var(--dp);background:rgba(22,18,34,.97)}
.unav button{height:32px;padding:0 13px;border-radius:11px;font-size:13px;color:var(--mute);border:1px solid var(--line);transition:background .2s,color .2s}
.unav button:hover{color:#fff}
.unav button[aria-current]{color:#fff;background:rgba(150,110,255,.22);border-color:rgba(190,160,255,.45)}
.ds{margin-top:26px;scroll-margin-top:62px}
.ds:focus{outline:0}.ds:focus-visible{outline:2px solid var(--gold);outline-offset:6px;border-radius:8px}
.ds>h3{font-size:16px;font-weight:700;margin-bottom:6px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.ds h3.sub{font-size:13.5px;font-weight:600;color:#d8d2ec;margin:22px 0 8px;padding:0;border:0}
.ds .kv b{max-width:62%}
.ds .note{margin:10px 0}
.ds p.m{margin:10px 0}
.cp{display:inline-grid;place-items:center;width:28px;height:28px;margin-left:6px;vertical-align:middle;border-radius:9px;color:var(--mute);transition:background .2s,color .2s}
.cp:hover{background:rgba(255,255,255,.09);color:#fff}.cp svg{width:15px;height:15px}
.uro-b{margin-top:14px}

/* Form ubah paket */
.uform{margin-top:14px;padding:2px 18px 18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.uform h3.sub{margin-top:16px}
.ufs2{margin:6px 0 14px}.ufs2 .seg{max-width:100%}.ufs2 .seg button{padding:0 14px}
/* Durasi paket: jumlah + satuan (segmented), lalu pilihan cepat */
.udd{margin-bottom:4px}
.udi{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px}
.udi .in{width:116px;margin-bottom:0;flex:none}
.udu .seg button{padding:0 14px}
.udc{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:12px 0 14px}
.udc .gh.on{border-color:var(--gold);color:var(--gold);background:rgba(246,185,59,.1)}
.ueff{margin:4px 0 14px;padding:12px 14px;border-radius:14px;background:rgba(150,110,255,.1);border:1px solid rgba(190,160,255,.25)}.ueff[hidden]{display:none}
.ueff-t{margin-bottom:6px;font-size:12.5px;font-weight:600;color:#d8d2ec}
.ueff ul{list-style:none;display:flex;flex-direction:column;gap:3px;font-size:13px;line-height:1.5}
.uform .btn{width:100%}

/* Chip role Discord (warna role ditampilkan apa adanya) */
.rcs,.uwr{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.rc{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:4px 12px 4px 10px;border-radius:12px;font-size:12.5px;font-weight:600;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.16);border-color:color-mix(in srgb,var(--rc) 50%,transparent)}
.rc i{flex:none;width:10px;height:10px;border-radius:50%;background:var(--rc);box-shadow:0 0 0 2px rgba(0,0,0,.28)}
.rc em{font-style:normal;font-size:11px;font-weight:600;color:var(--mute);padding-left:8px;border-left:1px solid var(--line)}

/* Lini masa tunggal per hari */
.tg h4{margin:18px 0 4px;font-size:12.5px;font-weight:600;color:var(--mute)}
.ut{list-style:none}
.ut-i{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--line)}.ut-i:last-child{border-bottom:0}
.ut-k{flex:none;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:var(--pa,#a78bfa);background:color-mix(in srgb,var(--pa,#a78bfa) 14%,transparent);border:1px solid color-mix(in srgb,var(--pa,#a78bfa) 34%,transparent)}
.ut-k svg.i{width:17px;height:17px}
.ut-k.t-ok{--pa:#2ee66b}.ut-k.t-warn{--pa:#ffc94a}.ut-k.t-bad{--pa:#ff8a8a}.ut-k.t-mute{--pa:#8d89a3}
.ut-b{flex:1;min-width:0;display:flex;flex-direction:column}
.ut-kind{font-size:12px;color:var(--mute)}.ut-b b{font-weight:600}
.ut-b .m{margin-top:1px;font-size:12.5px;overflow-wrap:anywhere}
.utm{white-space:nowrap;font-size:12.5px}
.usk i{display:block;height:16px;border-radius:8px;margin-bottom:22px;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.12),rgba(255,255,255,.04));background-size:200% 100%;animation:sh 1.4s infinite}
.usk i:nth-child(odd){width:72%}
.uerr{padding:36px 10px}

@media(max-width:1100px){
 .uv-hd{display:none}
 .uv-row,.uv-skr{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:16px 18px 16px 24px}
 .uv-id,.uv-row .uv-2{grid-column:1/-1}
 .uv-row .uv-2{flex-direction:row;flex-wrap:wrap;gap:2px 18px}.uv-row .uv-2 dt{width:auto}
 .uv-skr i:nth-child(n+3){display:none}
}
@media(max-width:1000px){#drawer{--dp:20px;width:calc(100vw - 32px);padding:22px var(--dp) 30px}.ds .kv b{max-width:58%}}
@media(max-width:700px){
 #drawer{top:0;right:0;bottom:0;left:0;width:100vw;max-width:none;border-radius:0}
 .uv-sum{grid-template-columns:repeat(2,minmax(0,1fr))}.uv-st+.uv-st:before{display:none}.uv-st{padding:12px 14px}.uv-n{font-size:26px}
 .uv-row,.uv-skr{grid-template-columns:minmax(0,1fr)}
 .uv-cards{grid-template-columns:minmax(0,1fr)}
 .udi .in{width:100%}
}
@media(max-width:560px){.usb-r{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#drawer,.uv-st,.uv-row,.uv-card,.unav button,.uv-chip{transition:none}.usk i,.uv-skr i{animation:none}}

/* ===== Cara Play (tutorial Bypass): baris di tab Bypass + popup langkah ===== */
.gtl{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border-radius:14px;text-align:left;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.12);transition:border-color .2s,background .2s,transform .15s}
.gtl:hover{border-color:rgba(246,185,59,.55);background:rgba(246,185,59,.06)}.gtl:active{transform:scale(.99)}.gtl:focus-visible{outline:2px solid rgba(246,185,59,.7);outline-offset:2px}
.gtli{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:var(--gold);background:rgba(246,185,59,.12);border:1px solid rgba(246,185,59,.28)}.gtli .i{width:20px;height:20px}.gtli.big{width:52px;height:52px;border-radius:14px}.gtli.big .i{width:24px;height:24px}
.gtlt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.gtlt b{font-weight:700;font-size:14px}.gtlt .m{font-size:12.5px}
.gtlc{flex:none;color:var(--mute)}.gtlc .i{width:18px;height:18px}.gtl:hover .gtlc{color:var(--gold)}
#gtut{position:fixed;inset:0;z-index:48;display:grid;place-items:center;padding:20px;background:rgba(8,6,14,.72);backdrop-filter:blur(7px);opacity:0;transition:opacity .25s}#gtut.open{opacity:1}
.gtm{width:min(760px,100%);max-height:calc(100vh - 40px);display:flex;flex-direction:column;overflow:hidden;padding:0;transform:translateY(14px) scale(.985);transition:transform .3s cubic-bezier(.2,.9,.2,1);background:rgba(22,18,34,.99)}#gtut.open .gtm{transform:none}
.gtm .x{z-index:3}.gtmh{padding-bottom:12px}
.gtin{padding:0 28px 16px;font-size:13px;line-height:1.55;color:var(--mute);border-bottom:1px solid var(--line)}
.gtbd{flex:1;min-height:0;overflow:auto;padding:22px 28px 26px;scroll-padding:20px}
.gtlist{display:flex;flex-direction:column;gap:0;counter-reset:gts}
.gts{position:relative;padding:16px 18px 18px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1)}
.gts+.gts{margin-top:30px}
.gts+.gts:before{content:"";position:absolute;left:35px;top:-31px;width:2px;height:30px;background:linear-gradient(180deg,rgba(246,185,59,0),rgba(246,185,59,.55))}
.gts:focus-within{border-color:rgba(246,185,59,.45)}.gts.bad{border-color:rgba(255,138,138,.6);background:rgba(255,138,138,.04)}
.gtsh{display:flex;align-items:center;gap:10px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--line)}.gtsh b{font-size:14px;font-weight:700}.gtsh .sp{flex:1}
.gtn{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:13px;font-weight:800;color:#17110a;background:linear-gradient(180deg,#ffc94a,#eea62a);box-shadow:0 4px 12px rgba(240,170,40,.3)}
.gtib{width:34px;padding:0;min-width:34px}.gtib .i{width:16px;height:16px}
.gtsb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.gtcn{text-align:right}.gtse{margin-top:12px}
.gtdz{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:132px;padding:16px 14px;border-radius:14px;border:1.5px dashed rgba(255,255,255,.22);background:rgba(255,255,255,.02);text-align:center;cursor:pointer;transition:border-color .2s,background .2s}
.gtdz:hover,.gtdz.over{border-color:var(--gold);background:rgba(246,185,59,.07)}.gtdz:focus-within{border-color:var(--gold)}
.gtdz b{font-size:13px;font-weight:700}.gtdz .m{font-size:12px;line-height:1.45}.gtdz.busy{cursor:progress;border-style:solid;border-color:rgba(255,255,255,.14)}
.gtdi{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:var(--gold);background:rgba(246,185,59,.12)}.gtdi .i{width:20px;height:20px}
.gtfile{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}
.gtrep{position:relative;cursor:pointer}.gtrep:focus-within{outline:2px solid rgba(246,185,59,.7);outline-offset:2px}
.gtimg{margin:0;display:flex;flex-direction:column;gap:10px}
.gtpv{display:block;border-radius:12px;overflow:hidden;background:#0d0a18;border:1px solid var(--line);aspect-ratio:16/10}.gtpv img{display:block;width:100%;height:100%;object-fit:contain}
.gtimg figcaption{display:flex;gap:8px;flex-wrap:wrap}.gtimg .gh .i{width:15px;height:15px}
.gtsp{width:22px;height:22px;border-radius:50%;border:2.5px solid rgba(255,255,255,.18);border-top-color:var(--gold);animation:gtspin .8s linear infinite}@keyframes gtspin{to{transform:rotate(360deg)}}
.gtld{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:200px;color:var(--mute);text-align:center}
.gtadd{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:30px;padding:16px;border-radius:16px;border:1.5px dashed rgba(246,185,59,.45);color:var(--gold);font-weight:700;font-size:14px;transition:background .2s,border-color .2s,transform .15s;position:relative}
.gtadd:before{content:"";position:absolute;left:35px;top:-31px;width:2px;height:30px;background:linear-gradient(180deg,rgba(246,185,59,0),rgba(246,185,59,.35))}
.gtadd span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(246,185,59,.15)}.gtadd .i{width:16px;height:16px}.gtadd em{font-style:normal;font-weight:500;font-size:12.5px;color:var(--mute)}
.gtadd:hover:not(:disabled){background:rgba(246,185,59,.08);border-color:var(--gold)}.gtadd:active:not(:disabled){transform:scale(.99)}.gtadd:disabled{opacity:.5;cursor:not-allowed}.gtadd:focus-visible{outline:2px solid rgba(246,185,59,.7);outline-offset:2px}
@media(max-width:760px){#gtut{padding:0;align-items:end}.gtm{max-height:100vh;height:100%;border-radius:0}.gtbd{padding:18px 16px 22px}.gtin{padding:0 18px 14px}.gtsb{grid-template-columns:1fr}.gts+.gts:before,.gtadd:before{left:29px}}
@media(prefers-reduced-motion:reduce){.gtsp{animation-duration:2s}#gtut,.gtm{transition:none}}

/* Pengaturan "Windows Security" pada form Bypass */
.gwst{display:flex;align-items:center;gap:12px;flex:none}
.gwst .pill2{min-width:40px;text-align:center}

/* ===== Informasi ===== */
/* Halaman Informasi memakai token yang sudah ada (--gold, --mute, --line, --ok, --bad, --vio). Semua kelas baru berawalan .nf- */
.nf-pg{flex-wrap:wrap;row-gap:14px}.nf-hd{display:flex;flex-direction:column;gap:6px}.nf-hd h1{line-height:1.1}.nf-hd .gstats{padding-bottom:0}
.nf-tools{display:flex;align-items:center;gap:12px}
.gt-s.nf-s{flex:none;width:300px}.nf-s .srch{padding-right:38px}.nf-s .srch::-webkit-search-cancel-button{display:none}
.nf-qx{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:var(--mute)}.nf-qx:hover{background:rgba(255,255,255,.08);color:#fff}.nf-qx svg{width:15px;height:15px}
.nf-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 20px}.nf-res{font-size:13px}
.nf-prog{height:3px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden;margin:-8px 0 14px}.nf-prog i{display:block;height:100%;width:38%;border-radius:2px;background:var(--gold);animation:nfProg 1.1s ease-in-out infinite}@keyframes nfProg{from{transform:translateX(-100%)}to{transform:translateX(270%)}}
.nf-spin{display:inline-block;flex:none;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.28);border-top-color:currentColor;animation:gtspin .8s linear infinite}

/* kartu */
.nf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}
.nf-card{display:flex;flex-direction:column;padding:0;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s,opacity .3s}
.nf-card:hover{transform:translateY(-3px);border-color:rgba(190,160,255,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 26px 50px -20px rgba(0,0,0,.85)}
.nf-card.draft{opacity:.85}.nf-card.draft:hover{opacity:1}
.nf-card.stag{animation:in .35s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--i,0)*30ms)}
.nf-card.flash{animation:nfFlash 1.2s ease}@keyframes nfFlash{0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 18px 40px -18px rgba(0,0,0,.75)}25%,60%{box-shadow:0 0 0 2px var(--gold),0 0 34px rgba(246,185,59,.42)}}
.nf-card.out{animation:nfOut .26s ease forwards;pointer-events:none}@keyframes nfOut{to{opacity:0;transform:scale(.94)}}
.nf-card.busy .nf-ac{opacity:.6}
.nf-hit{flex:1;display:flex;flex-direction:column;cursor:pointer;border-radius:24px 24px 0 0}.nf-hit:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.nf-th{position:relative;height:150px;overflow:hidden;flex:none;background:linear-gradient(135deg,rgba(var(--a),.32),rgba(22,18,34,.95))}
.nf-ph{position:absolute;inset:0;display:grid;place-items:center;color:rgba(var(--a),.9)}.nf-ph svg{width:62px;height:62px;stroke-width:1.2;opacity:.8}
.nf-th img,.nf-dth img,.nf-iart img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.nf-th img{transition:transform .5s}.nf-card:hover .nf-th img{transform:scale(1.04)}
.nf-chip,.nf-pin{position:absolute;top:12px;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px 0 9px;border-radius:12px;font-size:12px;font-weight:650;backdrop-filter:blur(6px)}
.nf-chip{left:12px;color:rgb(var(--a));border:1px solid rgba(var(--a),.5);background:linear-gradient(rgba(var(--a),.14),rgba(var(--a),.14)),rgba(13,11,20,.62)}
.nf-pin{right:12px;color:var(--gold);border:1px solid rgba(246,185,59,.55);background:rgba(13,11,20,.66)}
.nf-chip svg,.nf-pin svg{width:14px;height:14px}.nf-chip.st,.nf-pin.st{position:static;backdrop-filter:none}
.nf-bd{flex:1;display:flex;flex-direction:column;gap:8px;padding:16px 18px 14px}
.nf-bd h3{font-size:17px;font-weight:700;line-height:1.3;letter-spacing:-.2px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nf-pr{font-size:13.5px;line-height:1.5;color:var(--mute);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nf-stl{margin-top:auto;padding-top:6px;font-size:13px;font-weight:600}
.nf-dt{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--mute)}
.nf-ac{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px 16px;border-top:1px solid var(--line);transition:opacity .2s}
.nf-ib{width:34px;padding:0}.nf-ib svg{width:17px;height:17px}
.nf-skc{padding:0;overflow:hidden;min-height:340px}.nf-skc i{display:block;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.12),rgba(255,255,255,.04));background-size:200% 100%;animation:sh 1.4s infinite}
.nf-skc .th{height:150px;margin-bottom:18px}.nf-skc .l1,.nf-skc .l2,.nf-skc .l3{height:14px;border-radius:7px;margin:0 18px 12px}.nf-skc .l1{height:18px;width:72%}.nf-skc .l3{width:46%}
.nf-empty{padding:64px 24px}.nf-empty p{max-width:420px}.nf-eb-bad{background:rgba(255,138,138,.12);color:var(--bad)}.nf-hint{font-size:12px}
.nf-more{display:flex;justify-content:center;margin-top:26px}.nf-more .gh{gap:10px}

/* lapisan: modal dan dialog */
body.nf-lock{overflow:hidden}
.nf-ov{position:fixed;inset:0;z-index:46;display:grid;place-items:center;padding:20px;background:rgba(8,6,14,.6);backdrop-filter:blur(6px);opacity:0;transition:opacity .2s}.nf-ov.open{opacity:1}.nf-dov{z-index:48}
.nf-md{width:min(1040px,94vw);max-height:90vh;display:flex;flex-direction:column;padding:0;overflow:hidden;background:rgba(22,18,34,.98);opacity:0;transform:translateY(12px);transition:transform .3s cubic-bezier(.2,.9,.2,1),opacity .3s}.nf-ov.open .nf-md{opacity:1;transform:none}
.nf-md .x{z-index:3}.nf-mh{padding:22px 72px 16px 28px}.nf-mh h2{margin:0;font-size:20px;font-weight:700}
.nf-mtab{display:none;padding:0 20px 12px}
.nf-mb{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:minmax(0,1fr) 440px;align-items:start;scrollbar-width:thin;scrollbar-color:rgba(150,110,255,.4) transparent}
.nf-form{display:flex;flex-direction:column;gap:18px;padding:6px 28px 24px}#nm-ext:empty{display:none}
.nf-fld{display:flex;flex-direction:column;gap:6px;min-width:0}
.nf-lb{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#dcd8ea}.nf-req{color:var(--gold)}
.nf-cn{font-size:12px;font-weight:500;color:var(--mute);font-variant-numeric:tabular-nums}.nf-cn .over{color:var(--bad);font-weight:700}
.nf-md .in{margin:0;height:42px}.nf-md .in.err{border-color:rgba(255,138,138,.7)}.nf-md .ta{height:auto;min-height:220px;padding:10px 12px;resize:vertical;font:inherit;line-height:1.55}
.nf-fe{font-size:12px;color:var(--bad)}.nf-fe:empty{display:none}.nf-help{font-size:12px;color:var(--mute);line-height:1.5}.nf-help code{font:inherit;padding:0 5px;border-radius:5px;background:rgba(255,255,255,.08);color:#dcd8ea}
.nf-r2{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 20px;align-items:start}.nf-r2>div{display:flex;flex-direction:column;gap:6px}.nf-cust{margin-top:2px}
.nf-pinr{display:flex;align-items:center;gap:12px;padding-top:24px}.nf-pinr .sw2{flex:none}.nf-pinr b{display:block;font-size:13px}.nf-pinr .m{display:block;font-size:12px}
.nf-fmt{display:flex;gap:6px}.nf-fmt .gh{min-width:38px;padding:0 10px}
.nf-dz{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:22px 16px;border-radius:16px;border:1.5px dashed rgba(255,255,255,.2);cursor:pointer;transition:border-color .2s,background .2s}
.nf-dz:hover,.nf-dz.over,.nf-dz:focus-within{border-color:var(--gold);background:rgba(246,185,59,.06)}.nf-dz .m{font-size:12.5px}
.nf-dzi{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(150,110,255,.15);color:var(--vio);margin-bottom:2px}
.nf-file{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:0}.nf-rep{position:relative;overflow:hidden;cursor:pointer}.nf-rep:focus-within{outline:2px solid var(--gold);outline-offset:2px}
.nf-up{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.nf-upl{display:flex;align-items:center;justify-content:space-between;gap:10px}.nf-upn{display:flex;align-items:center;gap:8px;min-width:0}.nf-upn b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nf-upp{font-size:12px}
.nf-fig{display:flex;flex-direction:column;gap:10px}.nf-fth{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#17101f;border:1px solid var(--line)}.nf-fth img{width:100%;height:100%;object-fit:cover;display:block}
.nf-fbr{display:none;position:absolute;inset:0;place-items:center;align-content:center;gap:6px;color:var(--mute);font-size:13px}.nf-fth.broken .nf-fbr{display:grid}.nf-fth.broken img{display:none}.nf-fig figcaption{display:flex;gap:8px;flex-wrap:wrap}
#nm-st{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.nf-rd{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.14);transition:border-color .2s,background .2s}.nf-rd:hover{background:rgba(255,255,255,.04)}
.nf-rd b{display:block;font-size:13.5px}.nf-rd .m{display:block;font-size:12px;margin-top:2px}
.nf-rdo{position:relative;flex:none;width:18px;height:18px;margin-top:1px;border-radius:50%;border:2px solid rgba(255,255,255,.3)}
.nf-rd.on.ok{background:rgba(46,230,107,.08);border-color:rgba(46,230,107,.5)}.nf-rd.on.ok .nf-rdo{border-color:var(--ok)}.nf-rd.on.ok .nf-rdo:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--ok)}
.nf-rd.on.mute{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.32)}.nf-rd.on.mute .nf-rdo{border-color:var(--mute)}.nf-rd.on.mute .nf-rdo:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--mute)}
.nf-extb{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0}.nf-extx{display:flex;gap:8px;flex-wrap:wrap}
#nm-err .nf-errb{margin:0 28px 12px}
.nf-mf{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:16px 28px;border-top:1px solid var(--line);background:rgba(13,11,20,.45)}.nf-mf .sp{flex:1}.nf-dq{font-weight:600}
.nf-mf .btn,.nf-mf .gh{gap:8px}.nf-mf .gh:disabled,.nf-mf .btn:disabled{opacity:.5}

/* pratinjau (meniru EXE) */
.nf-pvp{position:sticky;top:0;padding:6px 28px 24px 4px}.nf-pvh{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}.nf-pvl{font-size:12.5px;font-weight:600;color:var(--mute)}
.nf-segs{border-radius:14px;padding:3px}.nf-segs button{height:30px;padding:0 13px;font-size:12.5px;border-radius:10px}.nf-segs .ind{top:3px;height:30px;border-radius:10px}
.nf-pvb{border-radius:20px;background:rgba(13,11,20,.55);border:1px solid var(--line);padding:14px;overflow:hidden}.ph0{color:#8f8aa6!important}
.nf-nc{border-radius:18px;background:rgba(24,19,38,.97);border:1px solid rgba(255,255,255,.09);overflow:hidden;box-shadow:0 18px 40px -22px #000}
.nf-nch{display:flex;align-items:center;gap:10px;padding:14px 16px}.nf-nch strong{font-size:17px;font-weight:750;letter-spacing:-.2px}
.nf-ncc{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:11px;font-size:11.5px;font-weight:700;color:#e9ddff;background:rgba(124,58,237,.38);box-shadow:inset 0 0 0 1px rgba(184,150,255,.4)}
.nf-ncl{padding:8px;border-top:1px solid rgba(255,255,255,.06)}
.nf-nci{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:13px;padding:12px 12px 12px 22px;border-radius:15px;background:linear-gradient(90deg,rgba(150,100,255,.15),rgba(150,100,255,.035))}
.nf-ncd{position:absolute;left:9px;top:50%;margin-top:-4px;width:8px;height:8px;border-radius:50%;background:#a78bfa;box-shadow:0 0 8px rgba(167,139,250,.7)}
.nf-ico{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:rgb(var(--a));background:rgba(var(--a),.13);box-shadow:inset 0 0 0 1px rgba(var(--a),.3)}.nf-ico svg{width:19px;height:19px}
.nf-ncb{display:flex;flex-direction:column;gap:4px;min-width:0}.nf-nct{display:flex;align-items:center;gap:6px;min-width:0}.nf-nct svg{width:13px;height:13px;color:rgb(246,185,59);flex:none}
.nf-nct b{font-size:14px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nf-ncs{font-size:12.5px;line-height:1.45;color:#b3aec7;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nf-ncm{display:flex;align-items:center;gap:8px;margin-top:3px;font-size:11.5px;color:#7f7a96;min-width:0}.nf-ncm em{font-style:normal;font-weight:650;padding:2px 8px;border-radius:8px;color:rgb(var(--a));background:rgba(var(--a),.12);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50%}.nf-ncm time{white-space:nowrap}
.nf-nnew{margin-left:auto;font-size:10.5px;font-weight:800;letter-spacing:.4px;color:#d9c8ff;text-transform:uppercase}
.nf-id{border-radius:20px;overflow:hidden;background:rgba(22,18,34,.74);border:1px solid rgba(255,255,255,.09)}
.nf-ihero{position:relative;height:220px;overflow:hidden;background:linear-gradient(120deg,rgba(var(--a),.3),rgba(22,18,34,.96) 80%)}.nf-iart{position:absolute;inset:0}.nf-iart .nf-ph svg{width:110px;height:110px;stroke-width:1}
.nf-ishade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(22,18,34,.97) 6%,rgba(22,18,34,.55) 50%,rgba(22,18,34,.12))}
.nf-ihc{position:absolute;left:22px;right:22px;bottom:18px;display:flex;flex-direction:column;gap:9px}.nf-ihc h1{font-size:24px;line-height:1.2;font-weight:800;letter-spacing:-.5px;overflow-wrap:anywhere}
.nf-ichips{display:flex;gap:8px;flex-wrap:wrap}.nf-ichip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px 0 8px;border-radius:12px;font-size:11.5px;font-weight:650;color:rgb(var(--a));background:rgba(var(--a),.14);box-shadow:inset 0 0 0 1px rgba(var(--a),.4)}.nf-ichip svg{width:13px;height:13px}.nf-ichip.pin{--a:246,185,59}
.nf-imeta{font-size:12px;color:#aaa5c0}.nf-imeta time{display:flex;align-items:center;gap:6px}.nf-imeta svg{width:14px;height:14px}
.nf-rich{padding:22px 24px 28px;font-size:14.5px;line-height:1.8;color:#d9d5e8;overflow-wrap:anywhere}.nf-rich p{margin:0 0 14px}.nf-rich strong{color:#fff;font-weight:700}
.nf-rich h4{margin:22px 0 10px;font-size:17px;font-weight:750;color:#fff}.nf-rich ul,.nf-rich ol{margin:0 0 14px;padding-left:22px}.nf-rich li{margin:6px 0;padding-left:4px}.nf-rich li::marker{color:rgb(var(--a,176,140,255));font-weight:700}
.nf-rich>:last-child{margin-bottom:0}

/* drawer detail */
.nf-dh{display:flex;flex-direction:column;gap:12px}.nf-dh h2{margin:0;font-size:22px;font-weight:800;line-height:1.25;letter-spacing:-.4px;overflow-wrap:anywhere;outline:0;display:block}.nf-dh .pill2{align-self:flex-start}
.nf-dth{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,rgba(var(--a),.32),rgba(22,18,34,.95))}.nf-chips{display:flex;gap:8px;flex-wrap:wrap}
#drawer .x[data-nf="dclose"]{z-index:2;background:rgba(13,11,20,.62);backdrop-filter:blur(6px)}
.nf-drich{margin-top:18px;padding:6px 0 0;border-top:1px solid var(--line);font-size:14px}.nf-drich .nf-rich,.nf-rich.nf-drich{padding:14px 0 0}
.nf-dacts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.nf-dacts .btn{grid-column:1/-1}.nf-dacts .gh{width:100%}

/* dialog konfirmasi */
.nf-dlg{width:min(420px,100%);padding:26px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;background:rgba(22,18,34,.98);transform:translateY(12px);transition:transform .3s cubic-bezier(.2,.9,.2,1)}.nf-ov.open .nf-dlg{transform:none}
.nf-dic{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;margin-bottom:4px}.nf-dic svg{width:26px;height:26px}.nf-dic.bad{background:rgba(255,138,138,.14);color:var(--bad)}.nf-dic.warn{background:rgba(246,185,59,.14);color:var(--gold)}
.nf-dlg h2{margin:0;justify-content:center;font-size:19px;font-weight:700}.nf-dn{font-weight:600;overflow-wrap:anywhere;max-width:100%}.nf-dlg .note{width:100%;margin:2px 0 0;text-align:left}
.nf-dac{display:flex;gap:10px;width:100%;margin-top:12px}.nf-dac>*{flex:1}.nf-dok{gap:8px}

@media(max-width:1000px){
 .nf-tools{width:100%;flex-direction:column;align-items:stretch}.gt-s.nf-s{width:100%}.nf-add{width:100%}
 .nf-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.nf-ib{width:40px;height:40px}
 .nf-mtab{display:flex}.nf-mb{grid-template-columns:1fr}.nf-pvp{position:static;padding:0 20px 20px}.nf-form{padding:6px 20px 20px}
 .nf-md[data-tab="form"] .nf-pvp{display:none}.nf-md[data-tab="prev"] .nf-form{display:none}
 .nf-md{max-height:94vh}.nf-mh{padding:18px 64px 12px 20px}.nf-mf{padding:14px 20px}#nm-err .nf-errb{margin:0 20px 12px}
 .nf-r2{grid-template-columns:1fr}.nf-pinr{padding-top:0}#nm-st{grid-template-columns:1fr}
}
@media(max-width:560px){.nf-ov{padding:10px}.nf-mf .btn,.nf-mf .gh{flex:1}.nf-mf .gdirty{width:100%}.nf-ihero{height:190px}.nf-ihc h1{font-size:21px}}

/* ===== Halaman Active Tools ===== */
.atmono{font:13px/1.4 ui-monospace,Consolas,monospace;letter-spacing:0}
.atread{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-6px 0 16px;padding:9px 12px;border-radius:12px;background:rgba(46,230,107,.06);border:1px solid rgba(46,230,107,.25);font-size:12.5px}.atread:empty{display:none}
.atnote{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 16px;padding:11px 14px;border-radius:14px;background:rgba(246,185,59,.1);border:1px solid rgba(246,185,59,.4);font-size:12.5px;line-height:1.5}.atnote span{flex:1 1 240px;min-width:0}
.atbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.atd{font-size:12.5px;color:var(--gold)}.atd:empty{display:none}
.atmsg{margin:12px 0 0!important}
.atlast{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:12.5px;line-height:1.6}.atlast b{font-weight:600;color:#e6e1fa}
.atline{font-size:13px;line-height:1.55;margin-bottom:6px}
.attb-w{overflow-x:auto;margin:0 -4px;padding:0 4px}
.attb{width:100%;border-collapse:collapse;font-size:13px}
.attb th{text-align:left;font-weight:500;color:var(--mute);font-size:12.5px;padding:0 14px 10px 0;white-space:nowrap}
.attb td{padding:11px 14px 11px 0;border-top:1px solid var(--line);vertical-align:top}
.attb th:last-child,.attb td:last-child{padding-right:0}
.atsub{font-size:12px;margin-top:2px;line-height:1.4}
.atc{font:12px/1.4 ui-monospace,Consolas,monospace;font-weight:600;overflow-wrap:anywhere}
.atn{list-style:none;counter-reset:atn;display:grid;gap:14px}
.atn li{counter-increment:atn;position:relative;padding-left:34px;font-size:13px;line-height:1.55;color:#d9d4ee}
.atn li:before{content:counter(atn);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--gold);background:rgba(246,185,59,.12);border:1px solid rgba(246,185,59,.35)}
.atn .dcu{display:inline-block;margin-top:4px;font:12px/1.5 ui-monospace,Consolas,monospace}
.atf .sw2:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
/* Fix Error 54 (js/fixerror54.js): memakai ulang kelas at* dari Active Tools; hanya pratinjau perintah yang baru */
.fepre{margin:0 0 6px;padding:11px 14px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--line);color:#d9d4ee;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;user-select:all}
.fepre:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#fe-warn:empty{display:none}#fe-warn .atnote{margin:-6px 0 16px}
/* Maintenance (js/maintenance.js): saklar ON/OFF + whitelist Discord User ID */
.mtl{margin:6px 0 16px;line-height:1.55}
.mtseg{display:flex;align-items:center;gap:14px;margin-bottom:16px}.mtseg[aria-busy=true]{opacity:.75;pointer-events:none}
.mtlast{font-size:12.5px}.mtlast b{color:#fff;font-weight:600}
.mtadd{display:flex;gap:10px;align-items:center}.mtadd .mtin{flex:1;min-width:0}.mtin.err{border-color:rgba(255,154,154,.7)}
.mtfm{display:block;margin:8px 0 16px;font-size:12.5px;color:var(--mute)}.mtfm.ferr{color:var(--bad)}
.mtcount{margin:4px 0 10px}.mtcount b{font-size:15px}
.mtrows{display:flex;flex-direction:column;gap:8px}
.mtrow{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.mtrow .sp{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.mtrow b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mtrow img.av{object-fit:cover}.mtid{font:12.5px ui-monospace,Consolas,monospace;color:#d9d4ee}.mtwhen{font-size:12px}
.mtempty{padding:16px;border-radius:14px;border:1px dashed var(--line);text-align:center}

/* Kuota download harian (halaman Pengguna): meter Games + Bypass, warna mengikuti paket, oranye saat hampir habis, merah saat habis */
.uqt{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:12px}
.uqm{--c:var(--pa,var(--vio));display:grid;grid-template-columns:44px 62px minmax(34px,1fr);align-items:center;gap:8px}
.uqm[data-lvl=low],.uqd[data-lvl=low]{--c:#ff9646}.uqm[data-lvl=zero],.uqd[data-lvl=zero]{--c:#ff6373}
.uql{color:var(--mute)}
.uqm b,.uqh b{font-weight:600;font-variant-numeric:tabular-nums;color:#f4f2fa;white-space:nowrap}
.uqm[data-lvl=low] b,.uqm[data-lvl=zero] b,.uqd[data-lvl=low] .uqh b,.uqd[data-lvl=zero] .uqh b{color:var(--c)}
.uqm[data-lvl=idle] b{color:var(--mute)}
.uqb{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden}
.uqb i{display:block;height:100%;border-radius:3px;background:var(--c);transition:width .45s cubic-bezier(.22,.7,.2,1),background .3s}
.uqm[data-lvl=unl] .uqb i,.uqd[data-lvl=unl] .uqb i{background:linear-gradient(90deg,var(--c),rgba(255,255,255,.18))}
.uqb.big{height:8px;border-radius:4px}.uqb.big i{border-radius:4px}
.uqd{--c:var(--pa,var(--vio));display:flex;flex-direction:column;gap:7px;padding:12px 0;border-bottom:1px solid var(--line)}
.uqh{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.uqs{font-size:12px}
@media(max-width:1100px){.uqt{grid-column:1/-1;flex-direction:row;gap:18px}.uqm{grid-template-columns:auto auto 70px}}
@media(prefers-reduced-motion:reduce){.uqb i{transition:none}}

/* ===== Marketplace ON/OFF (Edit Game > Informasi game) ===== */
.gmk2,.gmk3{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;letter-spacing:.2px;color:#e4d8ff;border:1px solid rgba(184,150,255,.5);background:linear-gradient(180deg,rgba(124,82,236,.34),rgba(84,56,176,.42))}
.gmk2 svg,.gmk3 svg{width:13px;height:13px;flex:none;color:#cdb8ff}
.gmk2{position:absolute;left:12px;bottom:12px;z-index:2;padding:3px 10px 3px 8px;border-radius:12px;backdrop-filter:blur(6px)}
.gmk3{padding:3px 10px 3px 8px;border-radius:12px;white-space:nowrap}

/* Edit Game > Bypass > Mode & kategori: kategori diredupkan saat Online Mode aktif (game tetap masuk Online FIX; pilihan tersimpan untuk Offline Mode). */
.gfd.gdim .seg{opacity:.55;transition:opacity .2s}
.gfd.gdim .seg:hover,.gfd.gdim .seg:focus-within{opacity:.9}

/* ===== Shell: sidebar premium + topbar + area konten (komponen bersama semua halaman) ===== */
body{--sw:272px;--sb-bg:rgba(14,11,23,.94);--sb-line:rgba(255,255,255,.07)}
body.sb-c{--sw:76px}
#side{position:fixed;z-index:35;left:0;top:0;bottom:0;width:var(--sw);display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(26,20,44,.96),var(--sb-bg) 38%);border-right:1px solid var(--sb-line);box-shadow:12px 0 40px -24px #000;transition:width .28s cubic-bezier(.3,.8,.3,1),transform .3s cubic-bezier(.3,.8,.3,1)}
#side:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--gold),rgba(167,139,250,.6),transparent)}
.sb-head{flex:none;height:72px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid var(--sb-line)}
.sb-brand{display:flex;align-items:center;gap:12px;min-width:0;color:inherit;text-decoration:none;border-radius:12px}
.sb-brand img{flex:none;border-radius:10px}
.sb-bt{display:flex;flex-direction:column;min-width:0;line-height:1.15}.sb-bt b{font-size:18px;font-weight:700;letter-spacing:-.3px;white-space:nowrap}.sb-bt small{font-size:11px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold);margin-top:3px;white-space:nowrap}
#dock{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:14px 12px;display:flex;flex-direction:column;gap:2px}
.sb-g{display:flex;flex-direction:column}.sb-g+.sb-g{margin-top:2px}
.sb-i,.sb-gh{position:relative;display:flex;align-items:center;gap:12px;width:100%;height:42px;padding:0 12px;border-radius:12px;color:#b9b4cf;font-weight:500;font-size:14px;text-align:left;white-space:nowrap;transition:background .18s,color .18s}
.sb-i svg.i,.sb-gh svg.i:first-child{width:19px;height:19px;stroke-width:1.8}
.sb-l{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.sb-i:hover,.sb-gh:hover{background:rgba(255,255,255,.055);color:#fff}
.sb-gh{font-weight:600;color:#cfcae4}
.sb-g.has>.sb-gh{color:#fff}.sb-g.has>.sb-gh svg:first-child{color:var(--gold)}
.sb-ch{width:16px!important;height:16px!important;color:var(--mute);transition:transform .25s}.sb-g.open>.sb-gh .sb-ch{transform:rotate(180deg)}
.sb-sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.3,.8,.3,1)}.sb-g.open>.sb-sub{grid-template-rows:1fr}
.sb-sub-in{overflow:hidden;min-height:0;position:relative;margin-left:21px;padding-left:12px;border-left:1px solid var(--sb-line);display:flex;flex-direction:column;gap:2px;opacity:0;transition:opacity .2s}.sb-g.open>.sb-sub>.sb-sub-in{opacity:1;padding-top:2px;padding-bottom:4px}
.sb-sub .sb-i{height:38px;font-size:13.5px}.sb-sub .sb-i svg.i{width:17px;height:17px}
.sb-g:not(.open)>.sb-sub .sb-i{visibility:hidden}
.sb-i.on{background:linear-gradient(90deg,rgba(246,185,59,.17),rgba(246,185,59,.06));color:#fff;font-weight:600;box-shadow:inset 0 0 0 1px rgba(246,185,59,.2)}
.sb-i.on svg.i{color:var(--gold)}
.sb-i.on:before{content:"";position:absolute;left:-13px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--gold);box-shadow:0 0 10px rgba(246,185,59,.5)}
.sb-sub .sb-i.on:before{left:-13px}
.sb-g.single>.sb-i.on:before{left:-12px}
.sb-i .pm-nb{margin-left:auto;flex:none}
.sb-g:has(.pm-nb):not(.open)>.sb-gh:after{content:"";position:absolute;right:38px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#e5484d;box-shadow:0 0 0 2px rgba(20,16,32,.9)}
.sb-foot{flex:none;display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid var(--sb-line)}
.sb-ft{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.25}.sb-ft b{font-size:13.5px;font-weight:600;white-space:nowrap}.sb-ft small{font-size:11.5px;color:var(--mute);white-space:nowrap}
.sb-col{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--mute);transition:background .2s,color .2s}.sb-col:hover{background:rgba(255,255,255,.08);color:#fff}.sb-col svg{width:18px;height:18px}
/* collapsed */
body.sb-c .sb-bt,body.sb-c .sb-l,body.sb-c .sb-ch,body.sb-c .sb-ft,body.sb-c .sb-foot .avatar{display:none}
body.sb-c .sb-head{justify-content:center;padding:0}
body.sb-c #dock{padding:12px 10px;align-items:stretch}
body.sb-c .sb-gh{display:none}
body.sb-c .sb-sub{grid-template-rows:1fr}body.sb-c .sb-sub-in{margin:0;padding:0;border:0;opacity:1;overflow:visible}body.sb-c .sb-g:not(.open)>.sb-sub .sb-i{visibility:visible}
body.sb-c .sb-g{padding:6px 0;border-top:1px solid var(--sb-line)}body.sb-c .sb-g:first-child{border-top:0;padding-top:0}
body.sb-c .sb-i,body.sb-c .sb-sub .sb-i{justify-content:center;padding:0;height:42px;font-size:14px}
body.sb-c .sb-i svg.i,body.sb-c .sb-sub .sb-i svg.i{width:20px;height:20px}
body.sb-c .sb-i.on:before{left:-10px}
body.sb-c .sb-i .pm-nb{position:absolute;top:3px;right:5px;margin:0;min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:16px}
body.sb-c .sb-foot{justify-content:center;padding:12px 0}body.sb-c .sb-col svg{transform:rotate(180deg)}
#sb-tip{position:fixed;z-index:90;transform:translateY(-50%);padding:7px 12px;border-radius:10px;background:#1d1630;border:1px solid rgba(246,185,59,.4);box-shadow:0 10px 28px #000a;font-size:13px;font-weight:600;white-space:nowrap;pointer-events:none}
#sb-ov{position:fixed;inset:0;z-index:54;background:rgba(8,6,14,.62);backdrop-filter:blur(4px)}
/* topbar */
.topbar{position:sticky;top:0;z-index:20;height:64px;display:flex;align-items:center;gap:16px;margin-left:var(--sw);padding:0 32px;background:rgba(13,11,20,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--sb-line);transition:margin-left .28s cubic-bezier(.3,.8,.3,1)}
.sb-tg{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:var(--mute);border:1px solid var(--line);transition:background .2s,color .2s}.sb-tg:hover{background:rgba(255,255,255,.07);color:#fff}
.crumb{display:flex;align-items:center;gap:8px;min-width:0;font-size:13.5px;color:var(--mute);white-space:nowrap}.crumb b{color:#fff;font-weight:600;overflow:hidden;text-overflow:ellipsis}.crumb .cs{font-style:normal;opacity:.5}
.pill{margin-left:auto;width:min(380px,36vw);height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(18,14,30,.72);display:flex;align-items:center;gap:10px;padding:0 8px 0 12px;color:var(--mute);transition:border-color .2s}
.pill:hover{border-color:rgba(190,160,255,.5)}.pill .i{width:17px;height:17px}.pill .pl{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill kbd{padding:3px 8px;border-radius:7px}
/* konten */
#view{margin-left:var(--sw);max-width:1920px;padding:26px 32px 56px;transition:margin-left .28s cubic-bezier(.3,.8,.3,1);animation:in .35s ease}
.pg{margin:0 0 22px;flex-wrap:wrap;align-items:flex-end}.pg h1{font-size:26px;font-weight:700;letter-spacing:-.5px;line-height:1.2}
.p{border-radius:18px}.p:before{left:18px;right:18px}
.grid{gap:18px;margin-bottom:18px}
.btn,.gh{height:40px;border-radius:12px}.sm{height:34px;border-radius:10px}
.srch,.sel{height:42px;border-radius:12px}
.seg{border-radius:14px}.seg button,.seg .ind{border-radius:10px}
.ak-pv,.mk-fpv,.gmp{top:84px}
.toast{border-radius:14px}
body.sb-c #side{overflow:visible}
@media(max-width:1000px){
 body,body.sb-c{--sw:0px}
 #side{width:288px;transform:translateX(-102%);z-index:55;box-shadow:none}body.sb-o #side{transform:none;box-shadow:20px 0 60px #000b}
 body.sb-c #side{width:288px}
 .topbar{padding:0 16px;gap:12px}#view{padding:20px 16px 48px}
 .crumb span,.crumb .cs{display:none}
 .pill{width:auto;margin-left:auto;padding:0;width:40px;justify-content:center}.pill .pl,.pill kbd{display:none}.live{display:none}
 .sb-col{display:none}
 .pg h1{font-size:22px}
}
@media(min-width:1001px){#sb-ov{display:none}.sb-tg{display:none}}

/* ===== Kolom input / textarea: lebih terang & terbaca saat mengetik (berlaku untuk semua halaman) ===== */
body :is(.in,.pm-ta,.srch,.sel,textarea,input[type=text],input[type=search],input[type=number],input[type=password],input[type=date],input[type=url],input[type=email]):not([type=checkbox]):not([type=radio]):not(#pal-q){background:rgba(58,49,92,.55);border:1px solid rgba(255,255,255,.2);color:#f7f5ff;caret-color:var(--gold);box-shadow:inset 0 1px 2px rgba(0,0,0,.18);transition:border-color .2s,background .2s,box-shadow .2s}
body :is(.in,.pm-ta,.srch,.sel,textarea,input):hover:not(:focus):not([type=checkbox]):not([type=radio]):not(#pal-q){border-color:rgba(255,255,255,.32)}
body :is(.in,.pm-ta,.srch,.sel,textarea,input[type=text],input[type=search],input[type=number],input[type=password],input[type=date],input[type=url],input[type=email]):focus:not(#pal-q){background:rgba(74,63,116,.7);border-color:rgba(246,185,59,.75);box-shadow:0 0 0 3px rgba(246,185,59,.16);outline:0}
body textarea,body .pm-ta{font:inherit;font-size:14px;line-height:1.55}
body .mk-ta,body .dcf .in.ta.atmono{font:13px/1.55 ui-monospace,Consolas,monospace!important}
body ::placeholder{color:#9a95b3;opacity:1}
body select.in option,body .sel option{background:#241d3b;color:#f7f5ff}

/* ===== Halaman Game: rapikan kartu, footer tombol, pager ===== */
.gg2{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}
.gx{padding:0}
.gx .gbd2{padding:16px 18px 18px}
.gkv dd{flex-wrap:wrap;row-gap:2px}.gsz{white-space:nowrap}
.gft{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}
.gft .gh{min-width:0;padding:0 8px;overflow:hidden;text-overflow:ellipsis}
.gpg.top{position:static;height:auto;margin:0 0 16px}

/* ===== Scrollbar kustom (semua halaman, semua area scroll, vertikal & horizontal) ===== */
:root{color-scheme:dark}
*::-webkit-scrollbar{width:12px;height:12px}
*::-webkit-scrollbar-track{background:rgba(255,255,255,.035);border-radius:10px;margin:2px}
*::-webkit-scrollbar-thumb{border-radius:10px;border:3px solid transparent;background-clip:padding-box;background-color:rgba(167,139,250,.38);transition:background-color .2s}
*::-webkit-scrollbar-thumb:hover{background-color:rgba(246,185,59,.72)}
*::-webkit-scrollbar-thumb:active{background-color:var(--gold)}
*::-webkit-scrollbar-corner{background:transparent}
*::-webkit-scrollbar-button{display:none;width:0;height:0}
body::-webkit-scrollbar{width:14px;height:14px}body::-webkit-scrollbar-track{background:rgba(13,11,20,.9);margin:0;border-radius:0}
#dock::-webkit-scrollbar{width:8px}
@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:rgba(167,139,250,.5) rgba(255,255,255,.04)}}