:root{--bg: #0b0c10;--panel: #111318;--panel-2: #171a21;--panel-3: #1e222b;--border: #22262f;--border-2: #303643;--text: #e8ecf1;--text-dim: #9aa3b2;--text-dimmer: #5f6878;--acc: #a3e635;--acc-soft: rgba(163, 230, 53, .09);--acc-line: rgba(163, 230, 53, .32);--acc-ink: #141a04;--ok: #4ade80;--warn: #fbbf24;--err: #f87171;--info: #7dd3fc;--blue: #7dd3fc;--yellow: #fbbf24;--red: #f87171;--green: #a3e635;--purple: #c4b5fd;--radius: 12px;--serif: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--mono: "JetBrains Mono", Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.045) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.25) 60%,transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.25) 60%,transparent);pointer-events:none;z-index:0}button{font-family:inherit}button:active:not(:disabled){transform:translateY(1px)}.ic{flex-shrink:0;vertical-align:-3px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--panel-3);border-radius:99px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--border-2)}::selection{background:#a3e6354d}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}}@keyframes fadeIn{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(12px) scale(.97)}}@keyframes pulse{50%{opacity:.35}}@keyframes ping{0%{box-shadow:0 0 #a3e63573}80%,to{box-shadow:0 0 0 6px #a3e63500}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app{display:flex;height:100%;position:relative;z-index:1}.sidebar{width:232px;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 12px;flex-shrink:0;z-index:40}.side-top{display:none}.game-head{display:flex;align-items:center;gap:10px;padding:4px 8px 16px;margin-bottom:12px;border-bottom:1px solid var(--border)}.game-head .logo{width:36px;height:36px;border-radius:10px;background:var(--acc);color:var(--acc-ink);display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.game-head .g-name{font-family:var(--serif);font-weight:700;font-size:14px;letter-spacing:-.2px}.game-head .g-status{font-size:11px;color:var(--text-dim);display:flex;align-items:center;gap:5px;font-family:var(--mono)}.game-head .g-status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok);animation:ping 2.6s ease infinite}.sys-status{display:flex;align-items:center;gap:8px;margin:0 4px 14px;padding:8px 11px;background:var(--panel);border:1px solid var(--border);border-radius:9px;font-family:var(--mono);font-size:11px;color:var(--acc)}.sys-status .dot{width:7px;height:7px;border-radius:50%;background:var(--ok);animation:ping 2.6s ease infinite}.sys-status.bad{color:var(--err)}.sys-status.bad .dot{background:var(--err);animation:none}.game-pick{margin:0 4px 10px}.game-pick label{display:block;font-family:var(--mono);font-size:9.5px;color:var(--text-dimmer);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:5px}.game-pick select{width:100%;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:8px 10px;font-size:13px;cursor:pointer;font-family:inherit}.game-pick select:hover{border-color:var(--border-2)}.game-pick select:focus{outline:none;border-color:var(--acc-line)}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;color:var(--text-dim);cursor:pointer;border:none;background:none;font-size:13.5px;text-align:left;width:100%;margin-bottom:2px;position:relative;transition:background .13s,color .13s}.nav-item:hover{background:var(--panel-2);color:var(--text)}.nav-item.active{background:var(--acc-soft);color:var(--acc);font-weight:600}.nav-item.active:after{content:"";position:absolute;right:10px;top:50%;width:5px;height:5px;border-radius:1px;transform:translateY(-50%) rotate(45deg);background:var(--acc)}.nav-item.disabled{opacity:.38;cursor:not-allowed}.nav-item .soon{margin-left:auto;font-size:9.5px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.5px;color:var(--text-dimmer);border:1px solid var(--border-2);padding:1px 6px;border-radius:4px}.side-bottom{margin-top:auto;display:flex;flex-direction:column;gap:8px}.hide-toggle{display:flex;align-items:center;gap:10px;color:var(--text-dim);font-size:13px;padding:7px 8px;cursor:pointer;background:none;border:none;width:100%;border-radius:8px;transition:background .13s,color .13s}.hide-toggle:hover{background:var(--panel-2);color:var(--text)}.switch{width:32px;height:18px;border-radius:999px;background:var(--panel-3);position:relative;transition:background .18s;margin-left:auto;flex-shrink:0}.switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--text-dim);transition:all .18s cubic-bezier(.4,0,.2,1)}.hide-toggle.on .switch{background:var(--acc)}.hide-toggle.on .switch:after{left:16px;background:var(--acc-ink)}.profile{display:flex;align-items:center;gap:10px;border:1px solid var(--border);background:var(--panel-2);border-radius:10px;padding:9px 10px;margin-top:4px}.profile .avatar{width:30px;height:30px;border-radius:8px;background:var(--panel-3);border:1px solid var(--border-2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:var(--acc);flex-shrink:0}.avatar-img{object-fit:cover;padding:0;border-color:var(--acc-line)}.profile .p-name{font-weight:600;font-size:13px}.profile .p-sub{color:var(--text-dimmer);font-size:10.5px;font-family:var(--mono)}.profile .logout{margin-left:auto;background:none;border:none;color:var(--text-dim);cursor:pointer;padding:6px;border-radius:7px;display:flex;transition:color .13s,background .13s}.profile .logout:hover{color:var(--err);background:var(--panel-3)}.topbar{display:none;align-items:center;gap:12px;padding:10px 14px;background:#111318eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30}.topbar .burger{background:var(--panel-2);border:1px solid var(--border-2);border-radius:9px;color:var(--text);width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center}.topbar .t-brand{font-family:var(--serif);font-weight:700;font-size:14px;letter-spacing:.2px}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#04050899;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:39;animation:fadeIn .18s ease}.bottomnav{display:none;position:fixed;left:0;right:0;bottom:0;background:#111318f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:35;padding:6px 8px calc(6px + env(safe-area-inset-bottom))}.bottomnav button{flex:1;background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--text-dimmer);font-size:10px;font-weight:600;padding:6px 4px;cursor:pointer;border-radius:9px;transition:color .13s}.bottomnav button.active{color:var(--acc)}.bottomnav button:disabled{opacity:.35}.layout-right{flex:1;display:flex;flex-direction:column;min-width:0}.main{flex:1;overflow-y:auto;padding:26px 32px 40px}.main>*{animation:fadeUp .3s ease backwards}.crumb{color:var(--text-dimmer);font-size:11.5px;margin-bottom:22px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.8px}.crumb b{color:var(--text-dim);font-weight:600}.page-title{font-family:var(--serif);font-size:28px;font-weight:800;letter-spacing:-.4px;margin-bottom:6px}.page-sub{color:var(--text-dim);margin-bottom:24px;font-size:13.5px}.live{display:inline-flex;align-items:center;gap:6px;margin-left:12px;color:var(--text-dimmer);font-size:11.5px;font-family:var(--mono)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--acc);animation:ping 2.4s ease infinite}.setup{background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--acc);border-radius:10px;padding:20px 22px;margin-bottom:24px}.setup h3{font-family:var(--serif);font-size:17px;margin-bottom:12px}.setup ol{margin-left:18px;display:grid;gap:10px;font-size:13.5px;color:var(--text-dim)}.setup code{background:var(--panel-3);border:1px solid var(--border-2);border-radius:6px;padding:2px 7px;font-size:12px;color:var(--text);font-family:var(--mono)}.key-chip{display:inline-flex;align-items:center;gap:8px;margin-left:8px;flex-wrap:wrap}.key-chip code{word-break:break-all}.key-chip button{background:var(--panel-3);border:1px solid var(--border-2);color:var(--text);border-radius:6px;padding:3px 10px;font-size:12px;cursor:pointer}.key-chip button:hover{border-color:var(--acc-line);color:var(--acc)}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:24px}.welcome{color:var(--text-dim);font-size:13px;margin-bottom:4px}.welcome b{color:var(--text)}.head-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.clock-chip{display:inline-flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:7px 12px;font-family:var(--mono);font-size:11.5px;color:var(--text-dim);font-variant-numeric:tabular-nums}.card .c-ico{position:absolute;top:13px;right:13px;width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center}.card .c-ico.green{background:#a3e6351a;color:var(--acc)}.card .c-ico.gold{background:#facc151a;color:#facc15}.card .c-ico.purple{background:#c084fc1f;color:#c084fc}.card .c-ico.teal{background:#2dd4bf1a;color:#2dd4bf}.card .c-ico.orange{background:#fb923c1a;color:#fb923c}.card .c-ico.red{background:#f871711a;color:#f87171}.card .c-ico .c-img{width:100%;height:100%;object-fit:contain;padding:2px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:12px;margin-bottom:24px}.cards.compact{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:10px}.cards.compact .card{padding:12px 14px}.cards.compact .card .label{margin-bottom:6px;font-size:9.5px}.cards.compact .card .rate{font-size:10.5px;min-height:13px}.cards.compact .card .value{font-size:21px}.cards.compact .card .c-ico{width:27px;height:27px;top:10px;right:10px;border-radius:8px}.cards .card:nth-child(1){animation-delay:.02s}.cards .card:nth-child(2){animation-delay:.06s}.cards .card:nth-child(3){animation-delay:.1s}.cards .card:nth-child(4){animation-delay:.14s}.cards .card:nth-child(5){animation-delay:.18s}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;position:relative;animation:fadeUp .35s ease backwards;transition:border-color .16s,transform .16s}.card:hover{border-color:var(--border-2);transform:translateY(-2px)}.card .label{color:var(--text-dimmer);font-size:10.5px;font-weight:600;font-family:var(--mono);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.card .rate{font-family:var(--mono);font-size:11.5px;color:var(--acc);margin-bottom:3px;min-height:15px}.card .rate.zero{color:var(--text-dimmer)}.card .value{font-family:var(--serif);font-size:26px;font-weight:700;letter-spacing:-.4px;font-variant-numeric:tabular-nums}.card .value .hl{color:var(--acc)}.loc-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:24px;animation:fadeUp .35s ease backwards}.loc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.loc-title{display:flex;align-items:center;gap:7px;color:var(--text-dimmer);font-size:10.5px;font-weight:600;font-family:var(--mono);text-transform:uppercase;letter-spacing:1px}.loc-sub{color:var(--text-dimmer);font-weight:400;text-transform:none;letter-spacing:0}.loc-clear{background:var(--acc-soft);border:1px solid var(--acc-line);border-radius:7px;color:var(--acc);font-family:var(--mono);font-size:11px;padding:3px 9px;cursor:pointer}.loc-rows{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:3px 22px}.loc-row{display:grid;grid-template-columns:128px 1fr 42px;align-items:center;gap:10px;background:none;border:none;border-radius:7px;padding:5px 7px;cursor:pointer;text-align:left;transition:background .13s}.loc-row:hover{background:var(--panel-2)}.loc-row.on{background:var(--acc-soft)}.loc-row.on .loc-name{color:var(--acc)}.loc-name{color:var(--text-dim);font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loc-row.unknown .loc-name{color:var(--text-dimmer);font-style:italic}.loc-bar{height:6px;background:var(--panel-3);border-radius:4px;overflow:hidden}.loc-fill{display:block;height:100%;background:linear-gradient(90deg,rgba(163,230,53,.45),var(--acc));border-radius:4px;transition:width .5s ease}.loc-row.unknown .loc-fill{background:var(--text-dimmer);opacity:.5}.loc-n{color:var(--text);font-size:12px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.toolbar{display:flex;gap:9px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.search-wrap{position:relative;flex:1;min-width:200px}.search-wrap .icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-dimmer);pointer-events:none;display:flex}.input,.select{background:var(--panel);border:1px solid var(--border-2);border-radius:9px;color:var(--text);padding:10px 13px;font-size:13px;outline:none;width:100%;transition:border-color .13s,box-shadow .13s}.search-wrap .input{padding-left:36px}.select{width:auto;cursor:pointer}.input:focus,.select:focus{border-color:var(--acc-line);box-shadow:0 0 0 3px var(--acc-soft)}.input::placeholder{color:var(--text-dimmer)}.seg{display:inline-flex;background:var(--panel);border:1px solid var(--border-2);border-radius:9px;padding:3px;gap:2px;flex-shrink:0}.seg button{background:none;border:none;cursor:pointer;color:var(--text-dim);padding:6px 12px;border-radius:7px;font-size:12.5px;display:inline-flex;align-items:center;gap:6px;transition:color .13s,background .13s;white-space:nowrap}.seg button:hover{color:var(--text)}.seg button.on{background:var(--acc-soft);color:var(--acc);font-weight:600}.seg .n{font-family:var(--mono);font-size:10.5px;color:var(--text-dimmer)}.seg button.on .n{color:var(--acc);opacity:.75}.seg .seg-on.on:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok);flex-shrink:0;animation:pulse 2.4s ease infinite}.del-btn{background:#f8717117;border:1px solid rgba(248,113,113,.35);color:var(--err);border-radius:9px;padding:10px 13px;font-size:13px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;transition:background .13s,border-color .13s}.del-btn:hover{background:#f8717129}.del-btn:disabled{opacity:.5;cursor:default}.del-btn.ghost{background:transparent;border-color:var(--border-2);color:var(--text-dim)}.del-btn.ghost:hover{border-color:#f8717173;color:var(--err)}.row-check{width:15px;height:15px;accent-color:var(--acc);cursor:pointer;vertical-align:middle}.csv-btn{background:var(--panel);border:1px solid var(--border-2);border-radius:9px;color:var(--text-dim);padding:10px 13px;font-size:13px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;transition:color .13s,border-color .13s}.csv-btn:hover{border-color:var(--text-dimmer);color:var(--text)}.csv-btn:disabled{opacity:.5;cursor:default}.csv-btn.on{border-color:var(--acc-line);color:var(--acc);background:var(--acc-soft)}.pager{display:flex;align-items:center;justify-content:center;gap:14px;padding:12px;color:var(--text-dim);font-size:12.5px;font-family:var(--mono);border-top:1px solid var(--border)}.pager button{background:var(--panel-2);border:1px solid var(--border-2);border-radius:8px;color:var(--text);padding:7px 13px;font-size:12.5px;cursor:pointer}.pager button:hover:not(:disabled){border-color:var(--acc-line)}.pager button:disabled{opacity:.4;cursor:default}.chart-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:18px;animation:fadeUp .3s ease backwards}.chart-panel h3{font-size:11px;font-weight:600;color:var(--text-dimmer);font-family:var(--mono);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.range-toggle{display:inline-flex;gap:4px;margin-left:10px;vertical-align:middle}.range-toggle button{background:var(--panel-3);border:1px solid var(--border-2);border-radius:6px;color:var(--text-dim);padding:3px 9px;font-size:11px;font-family:var(--mono);cursor:pointer}.range-toggle button.on{border-color:var(--acc-line);color:var(--acc);background:var(--acc-soft)}.modal-sm{max-width:480px}.settings-body{padding:4px 2px 2px;display:flex;flex-direction:column;gap:10px}.settings-body label{font-size:11px;color:var(--text-dimmer);font-weight:600;font-family:var(--mono);text-transform:uppercase;letter-spacing:.8px}.settings-body .hint{font-size:12px;color:var(--text-dimmer);line-height:1.55}.settings-msg{font-size:13px;padding:9px 12px;border-radius:9px;animation:fadeUp .2s ease}.settings-msg.ok{background:#a3e63517;color:var(--acc);border:1px solid var(--acc-line)}.settings-msg.err{background:#f8717117;color:var(--err);border:1px solid rgba(248,113,113,.3)}.settings-actions{display:flex;gap:10px}.settings-actions .btn{background:var(--panel-3);border:1px solid var(--border-2);border-radius:9px;color:var(--text);padding:9px 16px;font-size:13px;cursor:pointer}.settings-actions .btn.primary{background:var(--acc);border-color:var(--acc);color:var(--acc-ink);font-weight:700}.settings-actions .btn:disabled{opacity:.5;cursor:default}.icon-btn{background:var(--panel);border:1px solid var(--border-2);border-radius:9px;color:var(--text-dim);width:40px;height:40px;cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{color:var(--text);border-color:var(--text-dimmer)}.btn{background:var(--panel-2);border:1px solid var(--border-2);border-radius:9px;color:var(--text);padding:10px 16px;cursor:pointer;font-size:13px;transition:border-color .13s,filter .13s,transform .1s}.btn.primary{background:var(--acc);color:var(--acc-ink);font-weight:700;border-color:transparent}.btn.primary:hover:not(:disabled){filter:brightness(1.07)}.btn.primary:disabled{opacity:.4;cursor:not-allowed}.btn.discord{display:flex;align-items:center;justify-content:center;gap:10px;background:#5865f2;color:#fff;border:none;font-weight:600;padding:12px 16px;text-decoration:none;border-radius:9px;transition:filter .13s}.btn.discord:hover{filter:brightness(1.1)}.gate-alt{background:none;border:none;color:var(--text-dimmer);font-size:12px;cursor:pointer;text-decoration:underline;padding:2px}.gate-alt:hover{color:var(--text)}.apikey-box{font-family:var(--mono);font-size:12px;word-break:break-all;background:var(--bg);border:1px solid var(--border-2);border-radius:8px;padding:10px 12px;-webkit-user-select:all;user-select:all;color:var(--acc)}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.chip{padding:7px 14px;border-radius:8px;border:1px solid var(--border-2);background:var(--panel);color:var(--text-dim);cursor:pointer;font-size:12.5px;display:flex;align-items:center;gap:6px;transition:color .13s,border-color .13s,background .13s}.chip:hover{color:var(--text);border-color:var(--text-dimmer)}.chip .n{font-size:10.5px;color:var(--text-dimmer);font-family:var(--mono)}.chip.active{background:var(--acc-soft);border-color:var(--acc-line);color:var(--acc);font-weight:600}.chip.active .n{color:var(--acc);opacity:.7}.showing{color:var(--text-dimmer);font-size:11.5px;margin-bottom:14px;font-family:var(--mono)}.table-wrap{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto;animation:fadeUp .35s ease backwards;animation-delay:.08s}table{width:100%;border-collapse:collapse;min-width:760px}th{text-align:left;color:var(--text-dimmer);font-size:10px;font-weight:600;font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;padding:12px 16px;border-bottom:1px solid var(--border);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}th:hover{color:var(--text-dim)}th.sorted{color:var(--acc)}td{padding:12px 16px;border-bottom:1px solid var(--border);white-space:nowrap;font-size:13.5px;font-variant-numeric:tabular-nums}tr:last-child td{border-bottom:none}tbody tr{cursor:pointer;transition:background .12s}tbody tr:hover{background:var(--panel-2)}td.num{color:var(--text-dimmer);font-size:11.5px;font-family:var(--mono)}.player-cell{display:flex;align-items:center;gap:10px;font-weight:600}.p-avatar{width:28px;height:28px;border-radius:8px;background:var(--panel-3);border:1px solid var(--border-2);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-dim);flex-shrink:0}.status-cell{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:600;font-family:var(--mono);padding:3px 10px;border-radius:6px}.status-cell .dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-cell.online{color:var(--ok);background:#4ade8014;border:1px solid rgba(74,222,128,.22)}.status-cell.online .dot{background:var(--ok);animation:pulse 2.4s ease infinite}.status-cell.offline{color:var(--text-dim);background:var(--panel-2);border:1px solid var(--border)}.status-cell.offline .dot{background:var(--text-dimmer)}.rate-cell{color:var(--acc);font-family:var(--mono);font-size:12.5px}.rate-cell.na{color:var(--text-dimmer)}.view-btn{background:var(--panel-2);border:1px solid var(--border-2);border-radius:7px;color:var(--text-dim);width:29px;height:29px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .13s,border-color .13s}.view-btn:hover{color:var(--acc);border-color:var(--acc-line)}.rarity{font-size:12px}.card-bawah .rarity{font-size:13px;font-weight:600}.rarity.Common{color:var(--text-dim)}.rarity.Uncommon{color:var(--ok)}.rarity.Rare{color:var(--info)}.rarity.Legendary{color:var(--warn)}.rarity.Mythic,.rarity.Mythical{color:var(--purple)}.rarity.Epic{color:#a78bfa}.rarity.Super{color:#f472b6}.rarity.Secret{color:#22c55e}.rarity.Forgotten{color:#94a3b8}.rarity.Cosmic{color:#38bdf8}.rarity.Divine{color:#fbbf24}.rarity.Eternal{color:#f97316}.muted{color:var(--text-dim)}.mono{font-family:var(--mono);font-size:12.5px;font-variant-numeric:tabular-nums}.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:10px}.inv-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px 13px;display:flex;align-items:center;gap:12px;cursor:pointer;animation:fadeUp .3s ease backwards;transition:transform .14s ease,border-color .14s,background .14s}.inv-card:hover{border-color:var(--acc-line);background:var(--panel-2);transform:translateY(-2px)}.item-tile{width:44px;height:44px;border-radius:9px;background:var(--panel-3);border:1px solid var(--border-2);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:var(--text-dim);position:relative;flex-shrink:0}.item-tile img{width:36px;height:36px;object-fit:contain;border-radius:7px}.pill-img{width:28px;height:28px;object-fit:contain;flex:0 0 auto}.pill-fallback{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:var(--panel-3);border:1px solid var(--border);color:var(--text-dimmer);font-size:12px;font-weight:600}svg.pill-img{color:var(--text-dimmer)}.pill-bungkus{position:relative;flex:0 0 auto;width:24px;height:24px;display:inline-flex}.pill-bungkus img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:var(--panel-2);opacity:0;transition:opacity .12s}.pill-bungkus img.muat{opacity:1}.item-tile .r-dot{position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;border:2px solid var(--panel);background:var(--text-dimmer)}.r-dot.Common{background:#a1a1aa}.r-dot.Uncommon{background:var(--ok)}.r-dot.Rare{background:var(--info)}.r-dot.Legendary{background:var(--warn)}.r-dot.Mythic,.r-dot.Mythical{background:var(--purple)}.r-dot.Epic{background:#a78bfa}.r-dot.Super{background:#f472b6}.r-dot.Secret{background:#22c55e}.r-dot.Forgotten{background:#94a3b8}.enchant-tag{display:inline-block;padding:1px 6px;font-size:10px;border-radius:5px;background:#a78bfa1f;color:#a78bfa;border:1px solid rgba(167,139,250,.25);white-space:nowrap}.inv-card .i-body{min-width:0;flex:1}.inv-card .i-name{font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-card .i-meta{display:flex;align-items:center;gap:12px;margin-top:3px;color:var(--text-dim);font-size:12px}.inv-card .i-meta span{display:inline-flex;align-items:center;gap:4px}.inv-card .i-meta .cnt{color:var(--acc);font-weight:600;font-family:var(--mono)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050609b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:50;padding:18px;animation:fadeIn .16s ease}.modal{background:var(--panel);border:1px solid var(--border-2);border-radius:16px;box-shadow:0 30px 80px #0000008c;width:min(1480px,96vw);max-height:88vh;overflow-y:auto;padding:24px;animation:pop .2s cubic-bezier(.3,1.2,.4,1)}.modal-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:4px}.modal-head .p-avatar{width:44px;height:44px;font-size:17px;border-radius:11px;color:var(--acc)}.modal h2{font-family:var(--serif);font-size:21px;font-weight:700}.modal .m-sub{color:var(--text-dim);font-size:12.5px;margin-top:3px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.modal .close{margin-left:auto;background:var(--panel-2);border:1px solid var(--border-2);border-radius:8px;color:var(--text-dim);cursor:pointer;width:32px;height:32px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.modal .close:hover{color:var(--text);border-color:var(--text-dimmer)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:9px;margin:18px 0}.stat-grid .stat{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:11px 13px}.stat-grid .stat .k{color:var(--text-dimmer);font-size:9.5px;margin-bottom:4px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.8px;font-weight:600}.stat-grid .stat .v{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}.stat-grid .stat .v.green{color:var(--acc)}.inv-section h3{font-size:12px;color:var(--text-dim);font-family:var(--mono);text-transform:uppercase;letter-spacing:.8px;margin:18px 0 9px}.inv-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}@media(max-width:1100px){.inv-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.inv-list{grid-template-columns:minmax(0,1fr)}}.inv-pill{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:7px 11px;font-size:13px;display:flex;gap:8px;align-items:center;min-width:0}.inv-pill .cnt{color:var(--acc);font-weight:600;font-family:var(--mono);font-size:12px}.inv-pill .cnt:last-child{margin-left:auto}.pill-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-card{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:9px 11px;display:flex;gap:10px;align-items:flex-start;min-width:0}.card-ikon{position:relative;flex:0 0 auto;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:var(--panel-3);border:1px solid var(--border);border-radius:8px;color:var(--text-dimmer);overflow:hidden}.card-ikon img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:var(--panel-3);opacity:0;transition:opacity .12s}.card-ikon img.muat{opacity:1}.card-isi{min-width:0;flex:1 1 auto}.card-atas{display:flex;align-items:baseline;gap:8px}.card-nama{min-width:0;flex:1 1 auto;font-size:14.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-ps{flex:0 0 auto;color:var(--acc);font-weight:600;font-family:var(--mono);font-size:13.5px}.card-bawah{margin-top:4px;display:flex;align-items:center;gap:8px;font-size:13px}.card-kg{color:var(--text-dim);font-family:var(--mono)}.card-kanan{margin-left:auto;color:var(--text-dim);font-family:var(--mono)}.card-badge{color:var(--acc);background:var(--acc-soft);border:1px solid var(--acc-line);border-radius:5px;padding:1px 7px;font-size:11.5px;font-weight:600;white-space:nowrap}.card-mut{margin-top:4px;font-size:12px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gate{height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg);position:relative}.gate:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(420px 300px at 50% 42%,rgba(0,0,0,.9),transparent);mask-image:radial-gradient(420px 300px at 50% 42%,rgba(0,0,0,.9),transparent)}.gate .box{background:var(--panel);border:1px solid var(--border-2);border-radius:16px;box-shadow:0 30px 80px #00000080;padding:34px;width:min(400px,92vw);display:flex;flex-direction:column;gap:16px;animation:pop .28s cubic-bezier(.3,1.2,.4,1);position:relative}.gate .g-logo{width:46px;height:46px;border-radius:12px;background:var(--acc);color:var(--acc-ink);display:flex;align-items:center;justify-content:center;overflow:hidden}.gate h1{font-family:var(--serif);font-size:23px;font-weight:800;letter-spacing:-.3px}.gate p{color:var(--text-dim);font-size:13px;line-height:1.55}.error-banner{background:#f8717114;border:1px solid rgba(248,113,113,.35);color:var(--err);border-radius:10px;padding:11px 14px;margin-bottom:14px;font-size:13px;animation:fadeUp .2s ease}.empty{text-align:center;color:var(--text-dimmer);padding:48px 0;font-size:13px}.mail-grid{display:grid;grid-template-columns:minmax(340px,440px) 1fr;gap:16px;align-items:start}.mail-form{display:flex;flex-direction:column;gap:9px}.mail-label{font-size:10.5px;font-weight:600;color:var(--text-dimmer);font-family:var(--mono);text-transform:uppercase;letter-spacing:.8px;margin-top:6px}.mail-full{width:100%}.mail-delay-row{margin-top:6px}.mail-delay-input{width:80px!important;flex:none!important}.mail-delay-unit{font-size:13px;color:var(--text-dim);align-self:center}.mail-delay-saved{font-size:12px;color:var(--acc);align-self:center}.mail-form .hint{font-size:12px;color:var(--text-dimmer);line-height:1.55}.mail-tabs{display:flex;gap:6px;margin-top:8px}.mail-tabs button{flex:1;background:var(--panel-2);border:1px solid var(--border-2);border-radius:9px;color:var(--text-dim);padding:10px;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:color .13s,border-color .13s,background .13s}.mail-tabs button.on{background:var(--acc-soft);border-color:var(--acc-line);color:var(--acc);font-weight:600}.mail-items{display:flex;flex-direction:column;gap:5px;max-height:240px;overflow-y:auto;padding-right:4px}.mail-item{display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:7px 10px;font-size:13px;transition:border-color .13s}.mail-item.on{border-color:var(--acc-line)}.mail-item .mi-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-item .mi-have{color:var(--text-dimmer);font-size:12px;font-family:var(--mono)}.mail-item input{width:64px;background:var(--panel);border:1px solid var(--border-2);border-radius:7px;color:var(--text);padding:5px 8px;font-size:13px;font-family:var(--mono);outline:none}.mail-item input:focus{border-color:var(--acc-line)}.mail-item.collect-acc{cursor:pointer;-webkit-user-select:none;user-select:none}.mail-item.collect-acc:hover{background:var(--panel-3)}.mail-item.collect-acc.on{background:var(--acc-soft)}.mail-item.collect-acc .mi-act{width:18px;color:var(--acc);display:inline-flex;justify-content:center}.cart-row2{display:flex;gap:7px}.cart-row2 .input{flex:1}.cart-stockhead{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;flex-wrap:wrap}.cart-stockact{display:inline-flex;align-items:center;gap:6px}.cart-upd{font-size:10.5px;font-family:var(--mono);color:var(--text-dimmer)}.cart-stock{max-height:220px}.mi-mut{font-style:normal;font-size:10.5px;font-family:var(--mono);color:var(--acc);background:var(--acc-soft);border:1px solid var(--acc-line);border-radius:5px;padding:1px 5px;margin-left:6px;vertical-align:1px}.mail-item .mi-act{background:var(--panel);border:1px solid var(--border-2);color:var(--text-dim);border-radius:6px;width:24px;height:24px;flex:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .13s,border-color .13s}.mail-item .mi-act:hover{color:var(--acc);border-color:var(--acc-line)}.mail-cart{background:var(--panel-2);border:1px solid var(--acc-line);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px}.cart-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.cart-head b{color:var(--acc);font-family:var(--mono);font-weight:600}.cart-list{max-height:200px}.cart-diff{font-size:11.5px;font-family:var(--mono);color:var(--text-dimmer)}.mail-usage{margin-top:7px;font-size:12px;color:var(--text-dim);background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:7px 10px;display:flex;align-items:center;gap:7px}.mail-usage.max{color:var(--err);border-color:#f8717159}.mail-target-head{display:flex;align-items:center;justify-content:space-between}.mail-bulk-toggle{background:var(--panel-2);border:1px solid var(--border);color:var(--text-dim);border-radius:6px;padding:3px 10px;font-size:11px;font-family:var(--mono);cursor:pointer;margin-top:14px;text-transform:uppercase;letter-spacing:.5px}.mail-bulk-toggle:hover{color:var(--text)}.mail-bulk-toggle.on{color:var(--acc);border-color:var(--acc-line);background:var(--acc-soft)}.mail-bulk-area{resize:vertical;min-height:90px;font-family:var(--mono);font-size:12.5px;line-height:1.6}.mail-confirm-list{display:flex;flex-direction:column;gap:6px;max-height:46vh;overflow-y:auto;margin:14px 0}.mail-confirm-row{display:flex;align-items:center;gap:11px;background:var(--panel-2);border:1px solid var(--border);border-radius:9px;padding:7px 10px;animation:fadeUp .25s ease backwards}.mail-confirm-row:nth-child(-n+12){animation-delay:calc(var(--i, 0) * 0s)}.mail-confirm-row.nf{opacity:.55;border-color:#f871714d}.mc-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;background:var(--panel);border:1px solid var(--border);object-fit:cover}.mc-noimg{display:flex;align-items:center;justify-content:center;color:var(--text-dimmer)}.mc-names{display:flex;flex-direction:column;min-width:0}.mc-names b{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-display{color:var(--text-dimmer);font-size:11.5px}.mc-display.err{color:var(--err)}.mail-jobs{display:flex;flex-direction:column;gap:8px}.mail-job{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:11px 13px;animation:fadeUp .25s ease backwards}.mj-top{display:flex;align-items:center;gap:10px}.mj-route{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mj-time{margin-left:auto;color:var(--text-dimmer);font-size:11px;font-family:var(--mono);flex-shrink:0}.mj-try{font-size:11px;color:var(--warn, var(--text-dim));font-family:var(--mono);flex-shrink:0;padding:1px 6px;border-radius:6px;background:var(--panel-3)}.mj-cancel{background:none;border:none;color:var(--text-dimmer);cursor:pointer;padding:3px;border-radius:6px;display:inline-flex}.mj-cancel:hover{color:var(--err);background:var(--panel-3)}.mj-sum{color:var(--text-dim);font-size:12.5px;margin-top:5px}.mj-result{font-size:12.5px;color:var(--acc);margin-top:5px}.mj-result.err{color:var(--err)}.mj-note{font-size:12px;color:var(--text-dim);line-height:1.5;background:var(--panel-3);border-radius:6px;padding:8px 10px;margin-bottom:10px}.mj-detail{color:var(--text-dimmer);font-size:11.5px;margin-top:3px;word-break:break-word}.job-status{font-size:11px;font-weight:600;font-family:var(--mono);padding:3px 9px;border-radius:6px;flex-shrink:0;display:inline-flex;align-items:center;gap:6px}.job-status .js-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.job-status.running .js-dot{animation:pulse 1.1s ease infinite}.job-status.queued{color:var(--warn);background:#fbbf2414;border:1px solid rgba(251,191,36,.22)}.job-status.running{color:var(--info);background:#7dd3fc14;border:1px solid rgba(125,211,252,.22)}.job-status.done{color:var(--ok);background:#4ade8014;border:1px solid rgba(74,222,128,.22)}.job-status.failed{color:var(--err);background:#f8717114;border:1px solid rgba(248,113,113,.22)}.job-status.cancelled{color:var(--text-dimmer);background:var(--panel-3);border:1px solid var(--border-2)}.spark-wrap{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:12px 12px 8px}.spark{display:block;width:100%;height:96px}.spark-meta{display:flex;justify-content:space-between;margin-top:6px;font-size:10.5px;color:var(--text-dimmer);font-family:var(--mono)}@media(max-width:860px){.topbar,.bottomnav{display:flex}.sidebar{position:fixed;top:0;left:0;bottom:0;background:var(--panel);transform:translate(-105%);transition:transform .22s cubic-bezier(.4,0,.2,1);box-shadow:12px 0 40px #00000080}.sidebar.open{transform:translate(0)}.sidebar-overlay.show{display:block}.main{padding:18px 14px calc(76px + env(safe-area-inset-bottom))}.page-title{font-size:23px}.crumb{margin-bottom:14px}.cards{grid-template-columns:repeat(2,1fr);gap:9px}.card{padding:13px 14px}.card .value{font-size:19px}.inv-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:9px}.inv-card{padding:11px 12px;gap:10px}.item-tile{width:38px;height:38px;font-size:15px}.toolbar .select{flex:1}.modal{padding:18px;border-radius:14px;max-height:84vh}.stat-grid{grid-template-columns:repeat(2,1fr)}.mail-grid{grid-template-columns:1fr}.pager{flex-wrap:wrap;gap:8px}}@media(max-width:420px){.cards,.inv-grid{grid-template-columns:1fr 1fr}.chips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.chip{white-space:nowrap;flex-shrink:0}}.pred-row{display:grid;gap:12px;margin-bottom:14px;grid-template-columns:1fr 1fr}.pred-row.stock-row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.pred-row .panel{margin-bottom:0}.pred-badge{font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:1px;background:#a3e6351f;color:var(--acc);border:1px solid var(--acc-line);border-radius:20px;padding:2px 8px;margin-left:8px}.restock-cd{float:right;font-family:var(--mono);font-size:11px;color:var(--acc);font-variant-numeric:tabular-nums}.pred-empty{color:var(--text-dimmer);font-size:13px;padding:12px 0}.weather-now{display:flex;align-items:center;gap:14px;background:var(--panel-3);border:1px solid var(--border-2);border-left-width:3px;border-radius:10px;padding:14px 16px}.weather-now .w-emoji{font-size:30px;line-height:1}.weather-now .w-name{font-family:var(--serif);font-weight:700;font-size:17px}.weather-now .w-blurb{color:var(--text-dim);font-size:12.5px;margin-top:2px}.weather-now .w-cd{margin-left:auto;text-align:right}.weather-now .w-cd-label{font-family:var(--mono);font-size:10px;color:var(--text-dimmer);text-transform:uppercase;letter-spacing:1px}.weather-now .w-cd-val{font-family:var(--mono);font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}.w-recent{margin-top:10px;color:var(--text-dimmer);font-size:11.5px;font-family:var(--mono)}.recent-list{display:grid;gap:6px;margin-top:14px}.recent-head{font-family:var(--mono);font-size:10px;color:var(--text-dimmer);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px}.recent-name{font-weight:500;color:var(--text-dim)}.moon-list{display:grid;gap:6px}.moon-row{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;background:var(--panel-3);border:1px solid var(--border);font-size:12.5px}.moon-name{font-weight:600}.moon-name.gold{color:#fbbf24}.moon-name.blood{color:#f87171}.moon-name.rainbow{background:linear-gradient(90deg,#f87171,#fbbf24,#4ade80,#60a5fa,#c084fc);-webkit-background-clip:text;background-clip:text;color:transparent}.moon-time{margin-left:auto;color:var(--text-dimmer);font-family:var(--mono);font-size:11.5px}.moon-cd{font-family:var(--mono);font-size:12px;color:var(--acc);font-variant-numeric:tabular-nums;min-width:62px;text-align:right}.stock-list{display:grid;gap:5px}.stock-item{display:flex;align-items:center;gap:9px;padding:6px 9px;border-radius:7px;background:var(--panel-3);font-size:12.5px}.stock-item .s-emoji{font-size:15px;width:20px;text-align:center}.stock-item .s-name{font-weight:500}.stock-item .s-qty{margin-left:auto;font-family:var(--mono);color:var(--text-dim);font-size:11.5px}.sell-grid{display:grid;gap:7px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.sell-item{display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:8px;background:var(--panel-3);border:1px solid var(--border);font-size:12.5px}.sell-item .s-mult{margin-left:auto;font-family:var(--mono);color:var(--text-dim);font-size:12px}.sell-item.mega{border-color:#f8717166}.sell-item.mega .s-mult{color:#f87171;font-weight:700}.sell-item.big{border-color:#fbbf2466}.sell-item.big .s-mult{color:#fbbf24;font-weight:700}.tier-badge{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:1px;border-radius:20px;padding:2px 7px}.tier-badge.mega{background:#f8717121;color:#f87171}.tier-badge.big{background:#fbbf2421;color:#fbbf24}.tier-badge.secret{background:#f8717121;color:#f87171}.tier-badge.eternal{background:#c4b5fd21;color:#c4b5fd}.tier-badge.divine{background:#fbbf2421;color:#fbbf24}.sae-cycle{display:flex;align-items:center;gap:16px;padding:6px 0}.sae-cycle-big{font-family:var(--mono);font-size:34px;font-weight:700;color:var(--acc);font-variant-numeric:tabular-nums;line-height:1}.sae-cycle-note{color:var(--text-dim);font-size:12px;line-height:1.6}.sae-rare-list{display:flex;flex-direction:column;gap:1px}.sae-rare-row{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid var(--border);font-size:12.5px}.sae-rare-row:last-child{border-bottom:none}.sae-rare-emoji{font-size:14px}.sae-rare-name{font-weight:600}.sae-rare-area{color:var(--text-dimmer);font-size:11px}.sae-rare-pct{margin-left:auto;font-family:var(--mono);font-size:11.5px;color:var(--text-dim);font-variant-numeric:tabular-nums}.sae-rare-eta{font-family:var(--mono);font-size:11px;color:var(--text-dimmer);min-width:48px;text-align:right}.sae-area-emoji{font-size:14px}.sae-drops{display:flex;flex-direction:column;gap:1px}.sae-drop{display:flex;align-items:center;gap:6px;padding:4px 0;border-bottom:1px solid var(--border);font-size:12px}.sae-drop:last-child{border-bottom:none}.sae-drop.rare .sae-drop-name{font-weight:600}.sae-drop-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sae-drop-pct{margin-left:auto;font-family:var(--mono);font-size:11.5px;color:var(--text);font-variant-numeric:tabular-nums}.sae-drop-rate{font-family:var(--mono);font-size:10.5px;color:var(--text-dimmer);min-width:46px;text-align:right}@media(max-width:760px){.pred-row{grid-template-columns:1fr}}.booth-cfg{display:grid;grid-template-columns:1fr 88px 60px 72px 40px 28px;gap:6px;align-items:center;margin-top:6px}.booth-cfg .input{padding:7px 9px;font-size:12.5px;min-width:0}.booth-cfg .mi-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px}.booth-cfg.off .input,.booth-cfg.off .mi-name{opacity:.45}.booth-cfg-head{margin-top:12px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dimmer)}.booth-cfg .mi-act{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-2);border-radius:7px;background:none;color:var(--ok, #4ade80);cursor:pointer}.booth-cfg .mi-act.off{color:var(--text-dimmer)}.booth-cfg .mi-act:hover{border-color:var(--acc-line)}.booth-cfg .mi-act.danger{color:var(--text-dimmer)}.booth-cfg .mi-act.danger:hover{color:var(--err, #f87171);border-color:var(--err, #f87171)}.tgl{width:36px;height:20px;border-radius:999px;background:var(--panel-3);border:1px solid var(--border-2);position:relative;cursor:pointer;padding:0;flex-shrink:0;transition:background .18s,border-color .18s}.tgl:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--text-dim);transition:all .18s cubic-bezier(.4,0,.2,1)}.tgl.on{background:#4ade8038;border-color:#4ade8080}.tgl.on:after{left:18px;background:var(--ok, #4ade80)}.pick-add{font-size:11px;white-space:nowrap;flex-shrink:0;color:var(--acc);border:1px solid var(--acc-line);border-radius:999px;padding:3px 9px}.pick-add.in{color:var(--ok, #4ade80);border-color:transparent}.mail-item.booth-acc{gap:8px}.mail-item.booth-acc.off{opacity:.55}@media(max-width:760px){.booth-cfg{grid-template-columns:1fr 64px 46px 56px 38px 26px}}.quota-panel{background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--acc);border-radius:var(--radius);padding:13px 16px;margin-bottom:20px;animation:fadeUp .35s ease backwards}.quota-panel.warn{border-left-color:var(--warn)}.quota-panel.bad{border-left-color:var(--err)}.quota-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.quota-label{display:flex;align-items:center;gap:7px;color:var(--text-dimmer);font-size:10.5px;font-weight:600;font-family:var(--mono);text-transform:uppercase;letter-spacing:1px}.quota-count{font-size:13px;color:var(--text-dim);font-variant-numeric:tabular-nums}.quota-count b{color:var(--text);font-size:15px}.quota-bar{height:6px;background:var(--panel-3);border-radius:4px;overflow:hidden}.quota-fill{display:block;height:100%;background:linear-gradient(90deg,rgba(163,230,53,.45),var(--acc));border-radius:4px;transition:width .5s ease}.quota-panel.warn .quota-fill{background:linear-gradient(90deg,rgba(251,191,36,.45),var(--warn))}.quota-panel.bad .quota-fill{background:linear-gradient(90deg,rgba(248,113,113,.45),var(--err))}.quota-sub{margin-top:7px;font-size:11.5px;color:var(--text-dimmer)}.quota-link{background:none;border:none;padding:0;color:var(--text-dim);font:inherit;text-decoration:underline dotted;text-underline-offset:2px;cursor:pointer}.quota-link:hover{color:var(--acc)}.quota-off{color:var(--warn)}.quota-reject{margin-top:11px;border-top:1px solid var(--border);padding-top:9px}.quota-reject-head{display:flex;align-items:center;gap:7px;background:none;border:none;padding:0;color:var(--err);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.quota-caret{color:var(--text-dimmer);font-size:10px}.quota-reject-list{margin-top:8px;max-height:190px;overflow-y:auto;display:flex;flex-direction:column;gap:3px}.quota-reject-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 8px;background:var(--panel-3);border-radius:6px;font-size:11.5px;color:var(--text-dim)}.quota-reject-meta{color:var(--text-dimmer);font-size:10.5px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:15px 17px;margin-bottom:16px}.panel h3{font-size:11px;font-weight:600;font-family:var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--text-dimmer);margin-bottom:10px}.set-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--border)}.set-row:last-child{border-bottom:none}.set-label{font-size:13px;color:var(--text);font-weight:500}.set-input{flex-shrink:0}.set-input .input{width:130px;text-align:right;font-family:var(--mono)}.set-json{width:100%;margin-top:6px;font-family:var(--mono);font-size:11.5px;line-height:1.6;resize:vertical}.enforce-box{display:flex;align-items:center;justify-content:space-between;gap:16px;border-left:3px solid var(--warn)}.enforce-box.on{border-left-color:var(--ok)}.buy-slider{display:flex;align-items:center;gap:14px}.buy-slider input[type=range]{flex:1;accent-color:var(--acc)}.buy-num{width:108px;text-align:right}.buy-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.buy-presets .btn{display:flex;flex-direction:column;align-items:center;line-height:1.3;min-width:78px}.buy-preset-label{font-size:9.5px;opacity:.7;text-transform:uppercase;letter-spacing:.5px}.buy-total{margin-top:18px;border-top:1px solid var(--border);padding-top:12px}.buy-line{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:3px 0}.buy-line.dim{color:var(--acc)}.buy-line.grand{border-top:1px solid var(--border);margin-top:7px;padding-top:9px;font-size:16px;font-weight:600;color:var(--text)}.pay-box{max-width:460px;margin:0 auto;text-align:center}.pay-amount{margin:14px 0}.pay-nominal{font-size:32px;font-weight:700;color:var(--acc);letter-spacing:-.5px;margin:4px 0 10px}.pay-warn{background:#fbbf2417;border:1px solid rgba(251,191,36,.25);color:var(--warn);border-radius:8px;padding:9px 12px;font-size:11.5px;line-height:1.55;text-align:left}.pay-qr{width:240px;height:240px;object-fit:contain;background:#fff;border-radius:10px;padding:10px;margin:14px auto;display:block}.pay-foot{display:flex;justify-content:space-between;font-size:12px;color:var(--text-dim);margin-bottom:8px}.pay-done{text-align:center;color:var(--ok);max-width:420px;margin:0 auto}.pending-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}.done-badge{width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:4px auto 14px;background:#a3e6351f;color:var(--acc);box-shadow:0 0 0 6px #a3e6350f;animation:donePop .45s cubic-bezier(.2,1.4,.4,1) backwards}@keyframes donePop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.done-title{font-size:21px;font-weight:700;letter-spacing:-.4px;color:var(--text)}.done-plus{font-family:var(--mono);font-size:27px;font-weight:700;color:var(--acc);margin:6px 0 16px}.done-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;text-align:left;border-top:1px solid var(--border);padding-top:14px}.done-facts .k{color:var(--text-dimmer);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px}.done-facts .v{color:var(--text);font-size:15px;font-weight:600;margin-top:3px}.toast-wrap{position:fixed;right:18px;bottom:18px;z-index:2147483000;display:flex;flex-direction:column;gap:9px;max-width:min(360px,calc(100vw - 36px))}.toast{display:flex;align-items:flex-start;gap:10px;background:var(--panel-2, var(--panel));border:1px solid var(--border-2);border-left:3px solid var(--acc);border-radius:11px;padding:11px 12px;box-shadow:0 14px 40px -14px #000000b3;animation:toastIn .28s ease backwards}@keyframes toastIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.toast.err{border-left-color:var(--err)}.toast.info{border-left-color:var(--info)}.toast-ico{color:var(--acc);flex-shrink:0;margin-top:1px}.toast.err .toast-ico{color:var(--err)}.toast.info .toast-ico{color:var(--info)}.toast-body{flex:1;min-width:0}.toast-title{font-size:13px;font-weight:600;color:var(--text)}.toast-msg{font-size:12.5px;color:var(--text-dim);line-height:1.5}.toast-x{background:none;border:none;padding:0;cursor:pointer;color:var(--text-dimmer);flex-shrink:0}.toast-x:hover{color:var(--text)}@media(max-width:560px){.toast-wrap{right:12px;left:12px;bottom:74px;max-width:none}}.pick-open{display:flex;align-items:center;justify-content:center;gap:8px}.modal-pick{max-width:720px;width:100%;display:flex;flex-direction:column;max-height:min(84vh,760px)}.pick-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:0 18px 12px;border-bottom:1px solid var(--border)}.pick-chips{display:flex;gap:6px;flex-wrap:wrap}.pick-chips .chip{padding:6px 12px;font-size:12px}.pick-chips .chip.on{background:var(--acc-soft);border-color:var(--acc-line);color:var(--acc);font-weight:600}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:9px;padding:14px 18px;overflow-y:auto;flex:1;min-height:160px}.pick-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 9px 10px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;cursor:pointer;text-align:center;transition:border-color .13s,background .13s,transform .13s}.pick-card:hover:not(:disabled){border-color:var(--text-dimmer);transform:translateY(-1px)}.pick-card.sel{border-color:var(--acc);background:var(--acc-soft)}.pick-card.dim{opacity:.45;cursor:default}.pick-card:disabled{pointer-events:none}.pick-img{width:42px;height:42px;border-radius:9px;background:var(--panel-3);display:grid;place-items:center;font-family:var(--mono);font-size:15px;color:var(--text-dimmer);overflow:hidden;flex-shrink:0}.pick-img img{width:100%;height:100%;object-fit:contain}.pick-nama{font-size:12px;line-height:1.3;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.pick-sub{font-size:10.5px;color:var(--text-dimmer);font-family:var(--mono)}.mutasi{font-style:normal;font-size:10px;font-family:var(--mono);color:var(--w, var(--acc));background:color-mix(in srgb,var(--w, var(--acc)) 15%,transparent);border:1px solid color-mix(in srgb,var(--w, var(--acc)) 42%,transparent);border-radius:5px;padding:1px 5px;margin-left:5px;white-space:nowrap;vertical-align:baseline}.pick-nama .mutasi{margin-left:4px}.inv-card .i-name{display:flex;align-items:baseline;min-width:0}.inv-card .i-name .nama-dasar{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.inv-card .i-name .mutasi{flex:0 0 auto}.pick-cek{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;background:var(--acc);color:var(--acc-ink);display:grid;place-items:center}.pick-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-top:1px solid var(--border)}@media(max-width:560px){.pick-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:7px}.pick-tools{padding:0 12px 10px}.pick-foot{padding:10px 12px}}