/* Admin-only glass theme. Keep public and member styles independent. */
.admin-ui{--admin-line:#70c9fa26;--admin-muted:#90abc4;--admin-accent:#6bd9ff;color:#e8f3ff;color-scheme:dark;background:#030a14}
.admin-ui #app:not(.hidden){background:radial-gradient(ellipse at 80% 0,#124a7538,transparent 52%),radial-gradient(ellipse at 20% 95%,#14397438,transparent 60%),#040c17}
.admin-ui .topbar{height:76px;padding:0 24px;background:#091626b3;border-color:var(--admin-line);gap:18px;backdrop-filter:blur(22px)}
.admin-ui .brand{gap:12px;font-size:18px}.admin-ui .brand img{width:40px;height:40px}.admin-ui .brand small{display:block;color:var(--admin-muted);font-size:10px;font-weight:400;letter-spacing:2px}
.admin-ui .icon-btn,.admin-ui .badge,.admin-ui .side-link,.admin-ui .account,.admin-ui .account-menu,.admin-ui .avatar,.admin-ui .sheet,.admin-ui .row-card,.admin-ui .stat,.admin-ui .empty,.admin-ui .bone,.admin-ui .field input,.admin-ui .field select,.admin-ui .field textarea,.admin-ui button,.admin-ui .studio-login,.admin-ui .stat-ico,.admin-ui .row-ico,.admin-ui .admin-ad-preview,.admin-ui .ads-position-map,.admin-ui .ads-position-map span,.admin-ui .admin-ad-thumb{border-radius:5px}
.admin-ui .icon-btn{background:#17364c55;border-color:var(--admin-line);width:38px;height:38px}
.admin-ui .badge{height:auto;min-height:29px;padding:5px 10px;font-size:10px;gap:7px;color:#9be4ff;border-color:#42bdfc40;background:#1385c11c}
.admin-ui .badge svg{width:14px;height:14px;flex:none}.admin-ui .badge-soft{background:#799cb60e;color:#a3b8cd;border-color:#91b2cd23}
.admin-ui .badge.good{color:#80e4c8;background:#27c8a51a;border-color:#27c8a542}.admin-ui .badge.warn{color:#f6d18c;background:#dca73b16;border-color:#dca73b42}.admin-ui .badge.danger{color:#ffa2b4;background:#ef6c8b16;border-color:#ef6c8b42}
.admin-ui .side{width:248px;background:#071322a6;border-color:var(--admin-line);backdrop-filter:blur(20px)}
.admin-ui .side-nav{padding:22px 16px 12px}.admin-ui .side-group{font-size:10px;color:#6384a3;margin:22px 10px 8px;letter-spacing:1px}.admin-ui .side-group:first-child{margin-top:0}
.admin-ui .side-link{height:43px;font-size:12px;margin:3px 0;padding:0 12px;border:1px solid transparent;transition:background .2s,border-color .2s;gap:12px}.admin-ui .side-link svg{width:18px;height:18px;color:#709bbf}.admin-ui .side-link:hover{background:#1b658a20;border-color:#72cfff20}.admin-ui .side-link.is-on{border-color:#46c7ff40;background:linear-gradient(90deg,#168bca33,#2465cb13);box-shadow:inset 3px 0 #49ccff}.admin-ui .side-link.is-on svg{color:#80e4ff}
.admin-ui .account-wrap{padding:16px;border-top:1px solid var(--admin-line)}.admin-ui .account{padding:10px;background:#17314940;border-color:var(--admin-line)}.admin-ui .avatar{width:34px;height:34px}.admin-ui .account-copy strong{font-size:12px}.admin-ui .account-copy small{font-size:10px}.admin-ui .account-menu{background:#0c2035;left:16px;right:16px}
.admin-ui .stage{padding:30px clamp(18px,3vw,48px) 48px;scrollbar-width:thin;scrollbar-color:#386b8e #07111e;scrollbar-gutter:stable}.admin-ui .stage>section{max-width:1600px;margin:auto}
.admin-ui .view-head{position:relative;padding:0 0 22px;border-bottom:1px solid var(--admin-line);margin-bottom:24px}.admin-ui .view-head:before{content:'VOTE-HUB / ADMIN WORKSPACE';display:block;font-size:9px;letter-spacing:2px;color:#6188a8;margin-bottom:12px}.admin-ui .view-head h1{font-size:25px;display:flex;align-items:center;gap:12px}.admin-ui .view-head h1 svg{width:23px;height:23px;color:#66d6ff}.admin-ui .view-head p{font-size:12px;color:var(--admin-muted);margin-top:9px;line-height:1.8}
.admin-ui .stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:0}.admin-ui .stat{position:relative;overflow:hidden;padding:20px 22px;background:linear-gradient(130deg,#12405c77,#0d203b66);border-color:var(--admin-line);box-shadow:0 8px 24px #0002;backdrop-filter:blur(12px);min-height:148px}.admin-ui .stat:after{content:'';position:absolute;right:-20px;bottom:-35px;width:100px;height:100px;border:18px solid #56c8ff06;border-radius:50%;pointer-events:none}.admin-ui .stat-ico{width:34px;height:34px;background:#27b0ee14;border-color:#5cccfb35}.admin-ui .stat-ico svg{width:18px;height:18px}.admin-ui .stat-label{font-size:11px;color:#9bbbd4;margin-top:14px}.admin-ui .stat-value{font-size:30px;color:#e9f7ff;line-height:1.3;margin-top:5px}.admin-ui .stat:nth-child(5n+2) .stat-ico{color:#afaeff;background:#756afb18}.admin-ui .stat:nth-child(5n+3) .stat-ico{color:#73e0cd;background:#2ccbaf18}
.admin-ui .admin-section-label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:30px 0 16px}.admin-ui .admin-section-label h2{font-size:15px;font-weight:500}.admin-ui .admin-section-label p{font-size:10px;color:var(--admin-muted)}
.admin-ui .admin-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-ui .admin-shortcut{display:flex;align-items:center;gap:15px;border:1px solid var(--admin-line);background:#0b1c3099;padding:22px;text-align:left;transition:border-color .2s,background .2s;min-width:0}.admin-ui .admin-shortcut:hover{border-color:#68d6ff66;background:#123251a6}.admin-ui .admin-shortcut>svg{height:25px;width:25px;color:#6edaff;flex:none}.admin-ui .admin-shortcut strong{display:block;font-size:13px;font-weight:500}.admin-ui .admin-shortcut small{display:block;color:var(--admin-muted);font-size:10px;margin-top:6px;line-height:1.7}.admin-ui .admin-shortcut .shortcut-arrow{margin-left:auto;color:#7ddaff;font-size:18px}
.admin-ui .admin-overview-note{display:flex;align-items:center;gap:12px;margin-top:26px;padding:18px 20px;border:1px solid var(--admin-line);border-radius:5px;background:#13365135;color:var(--admin-muted);font-size:11px;line-height:1.8}.admin-ui .admin-overview-note svg{width:20px;height:20px;flex:none;color:#63c7f6}
.admin-ui .sheet{padding:26px;gap:18px 24px;margin:24px 0;background:linear-gradient(120deg,#12314870,#08172b99);border-color:var(--admin-line);backdrop-filter:blur(14px);box-shadow:0 10px 35px #0002}.admin-ui .sheet h2{font-size:16px;display:flex;align-items:center;gap:10px;padding-bottom:15px;border-bottom:1px solid var(--admin-line);color:#dff5ff}.admin-ui .sheet h2 svg{width:19px;height:19px;color:#65ccff}.admin-ui .sheet .field{margin-top:0;color:#a7c1d8;font-size:12px;min-width:0}.admin-ui .field input,.admin-ui .field select,.admin-ui .field textarea{background:#04101e99;border-color:#72bde42c;color:#e3effc;padding:12px 14px;margin-top:9px;font-size:12px;transition:border-color .2s,box-shadow .2s}.admin-ui .field input,.admin-ui .field select{height:44px}.admin-ui .field select{appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%237dd3fc' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.admin-ui .field input:focus,.admin-ui .field select:focus,.admin-ui .field textarea:focus{outline:none;border-color:#52c6fa;box-shadow:0 0 0 3px #23a7ea13}.admin-ui .field small{display:block;font-size:10px;color:var(--admin-muted);line-height:1.8;margin-top:8px}.admin-ui input::placeholder,.admin-ui textarea::placeholder{color:#526e87}.admin-ui .sheet .studio-submit{margin-top:0;height:44px;box-shadow:none;font-size:12px}.admin-ui .sheet .row-actions{align-items:end}
.admin-ui .card-grid{gap:10px}.admin-ui .row-card{background:#0e223677;border-color:var(--admin-line);padding:19px 22px;box-shadow:none;gap:18px;backdrop-filter:blur(10px)}.admin-ui .row-main{flex:1;gap:14px}.admin-ui .row-main>div{min-width:0}.admin-ui .row-card strong,.admin-ui .row-card .font-semibold{font-size:13px;font-weight:500;overflow-wrap:anywhere}.admin-ui .row-meta{color:var(--admin-muted);font-size:11px;line-height:1.9;overflow-wrap:anywhere}.admin-ui .row-ico{width:36px;height:36px;flex:none;background:#2683c21a;border-color:var(--admin-line)}.admin-ui .row-meta .badge{margin:5px 5px 5px 0}.admin-ui .btn-sky,.admin-ui .btn-line{height:36px;padding:0 14px;font-size:11px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.admin-ui .btn-sky{background:linear-gradient(110deg,#149fd2,#2569d8);border:1px solid #70cefb33}.admin-ui .btn-line{background:#1b3b5726;border-color:#7bc8ee30;color:#a9d6ed}.admin-ui .btn-warn{color:#ffa6b6;border-color:#ef6c8b40;background:#ef6c8b0b}.admin-ui button:hover{filter:brightness(1.1)}.admin-ui button:focus-visible,.admin-ui a:focus-visible{outline:2px solid #63d6ff;outline-offset:3px}.admin-ui button:disabled{opacity:.45;cursor:not-allowed}
.admin-ui .empty{padding:34px;text-align:center;background:#0c21344d;border-color:#518aad44;font-size:12px;color:var(--admin-muted)}.admin-ui .admin-ad-preview,.admin-ui .ads-position-map{background:#06132180;border-color:var(--admin-line)}.admin-ui .ads-position-map span{background:#1a527431;color:#86c5e9;font-size:10px}.admin-ui .studio-login{background:#091d33c9;border-color:#62c6f644;box-shadow:0 25px 90px #0008;backdrop-filter:blur(24px)}.admin-ui .studio-sky:after{background:linear-gradient(120deg,#030b18b3,#081d3ac9)}.admin-ui .studio-login h1{font-size:21px;line-height:1.8}.admin-ui .studio-submit{border-radius:5px}.admin-ui .swal2-popup{border-radius:5px!important;border:1px solid #70c9fa33;background:#0a1d31!important}.admin-ui .vh-alert{border-radius:5px}
.admin-ui [hidden]{display:none!important}.admin-ui .admin-menu-search{display:flex;align-items:center;gap:10px;width:clamp(180px,25vw,390px);background:#06111e77;border:1px solid var(--admin-line);border-radius:5px;padding:0 12px;height:38px}.admin-ui .admin-menu-search svg{width:17px;height:17px;color:#6d9bbd;flex:none}.admin-ui .admin-menu-search input{background:none;border:0;outline:0;min-width:0;width:100%;font-size:11px;color:#c7e5fa}.admin-ui .admin-menu-search kbd{font-size:10px;padding:2px 5px;border:1px solid var(--admin-line);color:#7594af;border-radius:3px}
.admin-ui .admin-work-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:18px;margin-top:24px}.admin-ui .admin-work-card{border:1px solid var(--admin-line);border-radius:5px;background:#0b20326e;min-width:0;overflow:hidden;backdrop-filter:blur(16px)}.admin-ui .admin-work-card>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 22px;border-bottom:1px solid var(--admin-line)}.admin-ui .admin-work-card h2{font-size:14px;font-weight:500}.admin-ui .admin-work-card header p{font-size:10px;color:var(--admin-muted);margin-top:6px}.admin-ui .admin-work-card .empty{margin:22px;border:0;padding:32px 12px;background:none}.admin-ui .admin-table-wrap{overflow:auto;scrollbar-width:thin}.admin-ui .admin-table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}.admin-ui .admin-table th{font-size:10px;font-weight:400;color:#829fba;padding:14px 20px;background:#0714214d;white-space:nowrap}.admin-ui .admin-table td{padding:17px 20px;border-top:1px solid var(--admin-line);white-space:nowrap}.admin-ui .admin-table strong{font-size:12px;font-weight:500}.admin-ui .admin-table small{display:block;font-size:10px;color:var(--admin-muted);margin-top:5px}.admin-ui .admin-progress{width:75px;height:4px;background:#20425c;border-radius:5px;overflow:hidden}.admin-ui .admin-progress span{display:block;height:100%;background:#53cefb}.admin-ui .admin-attention-row{display:flex;align-items:center;gap:12px;width:100%;padding:18px 22px;font-size:11px;color:#a9c3d8;border-bottom:1px solid var(--admin-line)}.admin-ui .admin-attention-row>svg{width:18px;height:18px;color:#71c9f4}.admin-ui .admin-attention-row>.badge{margin-left:auto}.admin-ui .admin-preview-link{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;font-size:11px;color:#79d8ff;background:#259fd014}
@media(min-width:1600px){.admin-ui .stat-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:1100px){.admin-ui .admin-work-grid{grid-template-columns:1fr}.admin-ui .admin-menu-search{width:220px}.admin-ui .topbar .badges{gap:5px}}
@media(max-width:760px){.admin-ui .admin-menu-search{order:4;width:100%}.admin-ui .admin-menu-search kbd{display:none}.admin-ui .admin-work-card>header{padding:18px}.admin-ui .topbar .badges{flex-basis:100%;justify-content:flex-start}}
@media(max-width:1100px){.admin-ui .admin-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-ui .stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:959px){.admin-ui .topbar{height:auto;min-height:70px;padding:14px 18px;gap:12px}.admin-ui .badges{flex-basis:auto;margin-left:auto}.admin-ui .side{width:248px;background:#081728f5}.admin-ui .stage{padding:24px 18px 36px}.admin-ui .brand small{display:none}}
@media(max-width:600px){.admin-ui .badges{flex-basis:100%;justify-content:flex-start;margin:0}.admin-ui .badge{font-size:9px}.admin-ui .view-head h1{font-size:21px}.admin-ui .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-ui .stat{padding:16px;min-height:136px}.admin-ui .admin-shortcuts{grid-template-columns:1fr}.admin-ui .admin-shortcut{padding:18px}.admin-ui .admin-section-label{align-items:flex-start;flex-direction:column;gap:6px}.admin-ui .sheet{padding:18px;gap:18px}.admin-ui .row-card{padding:18px}.admin-ui .row-actions{width:100%}.admin-ui .admin-overview-note{align-items:flex-start}.admin-ui .studio-login{padding:24px 20px}}
.admin-ui .admin-nav-group{margin-bottom:14px}.admin-ui .admin-nav-group>summary{display:flex;align-items:center;gap:12px;list-style:none;padding:12px 10px;color:#a4bbd0;font-size:12px;cursor:pointer;border-radius:5px;user-select:none}.admin-ui .admin-nav-group>summary::-webkit-details-marker{display:none}.admin-ui .admin-nav-group>summary:hover{background:#28679019;color:#dcefff}.admin-ui .admin-nav-group>summary>svg{width:19px;height:19px;flex:none;color:#729dbb}.admin-ui .admin-nav-group>summary .group-chevron{margin-left:auto;width:14px;height:14px;transition:transform .2s}.admin-ui .admin-nav-group[open]>summary .group-chevron{transform:rotate(180deg)}.admin-ui .admin-nav-children{margin:3px 0 0 18px;border-left:1px solid #426a883a;padding-left:12px}.admin-ui .admin-nav-children .side-link{font-size:11px;gap:9px;padding:0 10px;position:relative}.admin-ui .admin-nav-children .side-link svg{width:16px;height:16px}.admin-ui .admin-nav-children .side-link.is-on{box-shadow:none;background:linear-gradient(90deg,#1b81bb33,#204b8e18)}.admin-ui .admin-nav-children .side-link.is-on:before{content:'';position:absolute;width:3px;height:18px;left:-14px;background:#5cd4ff;border-radius:3px}.admin-ui .admin-nav-count{display:grid;place-items:center;font-style:normal;min-width:20px;height:19px;padding:0 5px;background:#45abdd20;border:1px solid #5cbcfb25;border-radius:5px;color:#97d8fa;font-size:10px;margin-left:auto}.admin-ui .admin-menu-empty{padding:16px 10px;font-size:11px;color:var(--admin-muted)}.admin-ui #app.is-slim .admin-nav-group>summary{display:none}.admin-ui #app.is-slim .admin-nav-children{margin:0;padding:0;border:0}.admin-ui #app.is-slim .admin-nav-count{display:none}.admin-ui #app.is-slim .admin-nav-children .side-link.is-on:before{display:none}.admin-ui #app.is-slim .side{width:76px}.admin-ui #app.is-slim .side-nav{padding:18px 12px}.admin-ui #app.is-slim .side-link svg{width:20px;height:20px}.admin-ui .side-nav{scrollbar-width:thin;scrollbar-color:#335673 transparent}.admin-ui .admin-nav-group>summary:focus-visible{outline:2px solid #63d6ff;outline-offset:2px}
.admin-ui .stage{background-image:radial-gradient(ellipse at 95% 12%,#208acc13,transparent 55%);background-attachment:local}.admin-ui .view-head{background:linear-gradient(115deg,#146ca21c,#244b8910,transparent);border:1px solid var(--admin-line);border-radius:5px;padding:24px 28px;overflow:hidden}.admin-ui .view-head:after{content:'';position:absolute;right:35px;top:-60px;width:180px;height:180px;border:22px solid #59caff06;transform:rotate(35deg);pointer-events:none}.admin-ui .stat{border-top:2px solid #48c7fc50}.admin-ui .stat:nth-child(5n+2){border-top-color:#9690fb55}.admin-ui .stat:nth-child(5n+3){border-top-color:#51dcc455}.admin-ui .admin-work-card{box-shadow:0 8px 30px #0002,inset 0 1px #badfff05}
.admin-ui .admin-analytics-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:18px;margin-top:24px}.admin-ui .admin-status-card>header>svg{width:24px;height:24px;color:#63d6ff}.admin-ui .admin-daily-chart{padding:20px 24px 18px}.admin-ui .admin-chart-summary{display:flex;align-items:baseline;gap:10px;margin-bottom:15px}.admin-ui .admin-chart-summary>strong{font-size:28px;color:#edf9ff;font-weight:500}.admin-ui .admin-chart-summary>span:not(.badge){font-size:11px;color:var(--admin-muted)}.admin-ui .admin-chart-summary .badge{margin-left:auto}.admin-ui .admin-bars{height:175px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:18px;background:repeating-linear-gradient(to top,transparent 0,transparent 38px,#709fbc17 39px,transparent 40px);border-bottom:1px solid var(--admin-line);padding:0 4px}.admin-ui .admin-bar-column{display:flex;flex-direction:column;align-items:center;min-width:0;position:relative}.admin-ui .admin-bar-column>span{font-size:10px;color:#a9d5ec;margin-bottom:8px}.admin-ui .admin-bar-track{height:127px;width:min(38px,100%);display:flex;align-items:flex-end}.admin-ui .admin-bar{width:100%;min-height:2px;background:linear-gradient(#57d6ff,#2266c7);border-radius:5px 5px 0 0;box-shadow:0 0 15px #279ad01f}.admin-ui .admin-bar-column small{font-size:9px;color:#7e9bb6;margin-top:12px;white-space:nowrap}.admin-ui .admin-chart-empty{font-size:10px;color:#6f93ae;text-align:center;margin-top:14px}.admin-ui .admin-donut{width:150px;height:150px;border-radius:50%;padding:13px;margin:22px auto 20px;box-shadow:0 0 28px #37bff509}.admin-ui .admin-donut>div{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:50%;background:#0b1c2e}.admin-ui .admin-donut strong{font-size:31px;font-weight:500}.admin-ui .admin-donut small{font-size:10px;color:var(--admin-muted);margin-top:3px}.admin-ui .admin-status-legend{padding:0 24px 20px;display:grid;gap:9px}.admin-ui .admin-status-legend>div{display:flex;gap:10px;align-items:center;font-size:11px;color:#9cb7ce}.admin-ui .admin-status-legend strong{margin-left:auto;color:#d1e7f8;font-weight:500}.admin-ui .admin-status-legend i{width:7px;height:7px;border-radius:2px}.admin-ui .admin-status-legend .cyan{background:#40cfff}.admin-ui .admin-status-legend .blue{background:#4c76ff}.admin-ui .admin-status-legend .purple{background:#b39bef}
@media(max-width:1100px){.admin-ui .admin-analytics-grid{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr)}}
@media(max-width:760px){.admin-ui .admin-analytics-grid{grid-template-columns:1fr}.admin-ui .view-head{padding:20px}.admin-ui .admin-chart-summary{flex-wrap:wrap}.admin-ui .admin-chart-summary .badge{margin-left:0}.admin-ui .admin-daily-chart{padding:18px}.admin-ui .admin-bars{gap:8px}.admin-ui .admin-bar-column small{font-size:8px}}
.admin-ui .admin-nav-group>summary{font-size:13px}.admin-ui .admin-nav-children .side-link{font-size:12px}.admin-ui .view-head p{font-size:13px}.admin-ui .stat-label{font-size:12px}.admin-ui .sheet .field,.admin-ui .field input,.admin-ui .field select,.admin-ui .field textarea{font-size:13px}.admin-ui .row-card strong,.admin-ui .row-card .font-semibold{font-size:14px}.admin-ui .row-meta{font-size:12px}.admin-ui .admin-shortcut strong{font-size:14px}.admin-ui .admin-shortcut small{font-size:11px}
.admin-ui .admin-select{position:relative;margin-top:9px;min-width:0}.admin-ui .field .admin-select-native{position:absolute;width:1px;height:1px;opacity:0;padding:0;margin:0;pointer-events:none;overflow:hidden}.admin-ui .admin-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;height:44px;text-align:left;padding:0 14px;border:1px solid #72bde42c;background:#04101e99;color:#e3effc;font-size:13px;border-radius:5px}.admin-ui .admin-select-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-ui .admin-select-trigger>svg{width:17px;height:17px;color:#71d9ff;flex:none;transition:transform .2s}.admin-ui .admin-select-trigger[aria-expanded=true]{border-color:#54cfff;box-shadow:0 0 0 3px #23a7ea13}.admin-ui .admin-select-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.admin-ui .admin-select-trigger[aria-invalid=true]{border-color:#fa819f}.admin-ui .admin-select-list{position:absolute;z-index:60;top:calc(100% + 6px);left:0;right:0;overflow:auto;padding:5px;border:1px solid #54bde357;background:linear-gradient(135deg,#102d43fa,#061321fc);backdrop-filter:blur(24px);border-radius:5px;box-shadow:0 15px 45px #0009;scrollbar-width:thin;scrollbar-color:#397697 #0a1b2d}.admin-ui .admin-select.opens-up .admin-select-list{top:auto;bottom:calc(100% + 6px)}.admin-ui .admin-select-option{position:relative;padding:11px 32px 11px 12px;min-height:39px;border-radius:5px;font-size:12px;color:#9fbdd5;cursor:pointer;line-height:1.7;overflow-wrap:anywhere}.admin-ui .admin-select-option:hover,.admin-ui .admin-select-option.is-active{background:#2a9ed628;color:#e6f8ff}.admin-ui .admin-select-option[aria-selected=true]{color:#79dcff;background:#1688c125}.admin-ui .admin-select-option[aria-selected=true]:after{content:'✓';position:absolute;right:12px;top:10px;color:#7be3ff;font-size:15px}.admin-ui .admin-select-option[aria-disabled=true]{opacity:.4;cursor:not-allowed}.admin-ui .sheet:has(.admin-select-trigger[aria-expanded=true]){z-index:10;position:relative}
.admin-ui .mobile-menu-icon,.admin-ui .mobile-close-icon,.admin-ui .mobile-side-head{display:none}
@media(max-width:959px){.admin-ui #sideToggle{margin-left:auto;min-width:44px;width:44px;height:44px;background:#1175b12b;border-color:#53c6fa44}.admin-ui #sideToggle svg{width:23px;height:23px}.admin-ui #sideToggle .desktop-menu-icon{display:none}.admin-ui #sideToggle .mobile-menu-icon{display:block}.admin-ui #app.is-drawer #sideToggle .mobile-menu-icon{display:none}.admin-ui #app.is-drawer #sideToggle .mobile-close-icon{display:block}.admin-ui .mobile-side-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--admin-line);color:#d3f0ff;font-size:14px}.admin-ui .mobile-side-head .icon-btn{width:44px;height:44px}.admin-ui .side{width:min(290px,85vw);box-shadow:20px 0 60px #0005}.admin-ui .side-backdrop{background:#020811b3;backdrop-filter:blur(4px)}.admin-ui .side-nav{padding-top:16px}}
.admin-ui .admin-ad-map-head,.admin-ui .admin-ad-selection-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:24px 0 18px}.admin-ui .admin-ad-map-head h2,.admin-ui .admin-ad-selection-head h2{font-size:16px;font-weight:500;color:#dbf1ff}.admin-ui .admin-ad-map-head p{font-size:11px;color:var(--admin-muted);line-height:1.8;margin-top:8px}
.admin-ui .admin-ad-map{display:grid;grid-template-columns:minmax(65px,1fr) minmax(0,4.3fr) minmax(65px,1fr);gap:12px;padding:18px;border:1px solid var(--admin-line);border-radius:5px;background:linear-gradient(#061523c9,#051422e6),url('../images/sections/payon-night-market-v1.png') center/cover}.admin-ui .admin-ad-side{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;min-width:0}.admin-ui .admin-ad-center{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-width:0}.admin-ui .admin-ad-slot{position:relative;min-width:0;width:100%;padding:0;border:1px solid #6ebadd35;overflow:hidden;background:#10283dcc;border-radius:5px;text-align:left;box-shadow:0 5px 14px #0003}.admin-ui .admin-ad-slot.square{aspect-ratio:1}.admin-ui .admin-ad-slot.wide{grid-column:1/-1;aspect-ratio:688/224}.admin-ui .admin-ad-slot-image{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.admin-ui .admin-ad-slot-image img{width:100%;height:100%;object-fit:contain}.admin-ui .admin-ad-slot.is-hidden img{opacity:.35;filter:grayscale(.8)}.admin-ui .admin-ad-slot[aria-pressed=true]{border:2px solid #6bd9ff;box-shadow:0 0 0 2px #53bff426,0 0 25px #278dc526}.admin-ui .admin-ad-slot:hover{border-color:#69d7ff;filter:none}.admin-ui .admin-ad-slot-caption{position:absolute;left:0;right:0;bottom:0;padding:16px 8px 7px;background:linear-gradient(transparent,#04101eef);color:#afcfe6;font-size:9px;line-height:1.6}.admin-ui .admin-ad-slot-caption small{display:block;font-size:8px;color:#70a1bf}.admin-ui .admin-ad-slot-state{position:absolute;top:6px;left:6px;padding:3px 6px;background:#152339dc;border:1px solid #8dabcb40;color:#a6bed4;border-radius:3px;font-size:9px}.admin-ui .admin-ad-slot-state.on{color:#86e2c8;background:#082a26df;border-color:#46cbae55}.admin-ui .admin-ad-slot-count{position:absolute;right:6px;top:6px;font-size:9px;color:#c3eaff;background:#071322dd;padding:3px 6px;border-radius:3px}.admin-ui .admin-ad-slot-empty{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:25px;color:#6fadd0}.admin-ui .admin-ad-slot-empty small{font-size:10px}.admin-ui #adSelection{scroll-margin-top:20px;margin-top:26px}.admin-ui #adForm{scroll-margin-top:20px}.admin-ui .admin-ad-row>div:not(.row-actions){min-width:0;flex:1}.admin-ui .admin-ad-selection-head .row-meta{margin-top:8px}
@media(max-width:760px){.admin-ui .admin-ad-map{grid-template-columns:minmax(40px,.85fr) minmax(0,4.3fr) minmax(40px,.85fr);padding:8px;gap:6px}.admin-ui .admin-ad-side,.admin-ui .admin-ad-center{gap:6px}.admin-ui .admin-ad-slot-caption{display:none}.admin-ui .admin-ad-slot-state{font-size:7px;top:3px;left:3px;padding:2px 3px}.admin-ui .admin-ad-slot-count{display:none}.admin-ui .admin-ad-slot-empty small{font-size:7px}.admin-ui .admin-ad-slot-empty{font-size:18px;gap:4px}.admin-ui .admin-ad-map-head,.admin-ui .admin-ad-selection-head{flex-wrap:wrap}.admin-ui .admin-ad-map-head h2,.admin-ui .admin-ad-selection-head h2{font-size:14px}}
@media(prefers-reduced-motion:reduce){.admin-ui *{scroll-behavior:auto!important;transition:none!important}}

.admin-ui .seo-workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:24px;align-items:start}
.admin-ui .seo-preview-panel{position:sticky;top:24px;padding:22px;border:1px solid var(--admin-line);border-radius:5px;background:rgba(12,35,55,.6)}
.admin-ui .seo-share-card{margin:18px 0;border:1px solid var(--admin-line);border-radius:5px;overflow:hidden;background:#0a1826}
.admin-ui .seo-share-card img{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover}
.admin-ui .seo-share-card>div{padding:18px}.admin-ui .seo-share-card small{color:#7da6bd;letter-spacing:1px}
.admin-ui .seo-share-card h2{font-size:19px;margin:7px 0;overflow-wrap:anywhere}.admin-ui .seo-share-card p{font-size:13px;color:#a5bfd1;overflow-wrap:anywhere}
.admin-ui .seo-cover-thumb{width:100%;display:block;border-radius:5px;margin:12px 0}
@media(max-width:1100px){.admin-ui .seo-workspace{grid-template-columns:1fr}.admin-ui .seo-preview-panel{position:static}}

/* Per-game catalog workspace */
#gameForm[hidden],#packageForm[hidden],#catalogGamePanel[hidden]{display:none!important}
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0}.catalog-toolbar h2{margin:4px 0;font-size:18px}.catalog-eyebrow{font-size:10px;letter-spacing:1.6px;color:#56cfff}.catalog-tabs{display:flex;gap:10px;overflow-x:auto;padding:4px 0 16px;scrollbar-width:thin}.catalog-tabs [role=tab]{display:flex;align-items:center;gap:10px;flex-shrink:0;padding:14px 18px;border:1px solid #203c54;border-radius:5px;background:#0b1b2b;color:#a9bdd0;cursor:pointer}.catalog-tabs svg{width:20px;height:20px;color:#5fd4ff}.catalog-tabs small{padding:2px 7px;background:#173448;border-radius:5px}.catalog-tabs em{font-size:10px;font-style:normal;color:#f4cf86}.catalog-tabs [aria-selected=true]{background:linear-gradient(115deg,#103a50,#14274a);border-color:#4dccff;color:#fff;box-shadow:inset 0 -2px #4dccff,0 4px 18px #071421}.catalog-tabs button:focus-visible{outline:2px solid #81dcff;outline-offset:2px}.catalog-game-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px;background:linear-gradient(120deg,#0d2639cc,#091927cc);border:1px solid #25455b;border-radius:5px}.catalog-game-summary h2{margin:8px 0;font-size:24px}.catalog-package-toolbar{border-top:1px solid #203b50;padding-top:24px;margin-top:28px}.catalog-packages{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.catalog-package-card{align-items:stretch;flex-direction:column;gap:20px}.catalog-price{font-size:28px;font-weight:600;color:#ecf8ff;margin:18px 0 12px}.catalog-price small{display:block;font-size:11px;font-weight:400;color:#92acc0;margin-top:4px}.catalog-package-card>.row-actions{margin-top:auto}.catalog-package-card strong{font-size:17px}@media(max-width:600px){.catalog-toolbar{align-items:flex-start;flex-wrap:wrap}.catalog-game-summary{align-items:flex-start;flex-direction:column;padding:18px}.catalog-tabs [role=tab]{padding:12px}.catalog-packages{grid-template-columns:1fr}}

#discountForm[hidden]{display:none!important}.catalog-discounts{margin-top:32px;padding-top:12px;border-top:1px solid #25455b}
.record-sheet{border:1px solid #24445b;border-radius:5px;background:linear-gradient(135deg,#0c2638cc,#071726e6);padding:20px;min-width:0}.record-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.record-search{position:relative;flex:1;min-width:180px}.record-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#79c7e9}.record-search input{width:100%;height:42px;padding:0 12px 0 40px;background:#071725;border:1px solid #25465c;border-radius:5px;color:#dbedfa;font:inherit}.record-search input:focus{outline:2px solid #32c9ed55;border-color:#43c7ee}.record-size{display:flex;align-items:center;gap:8px;font-size:12px;color:#9bbad0}.record-size select{background:#0a2030;border:1px solid #24445b;border-radius:5px;color:#d5e8f7;padding:9px;color-scheme:dark}.record-toolbar>button,.record-actions button,.admin-sound{display:inline-flex;align-items:center;gap:7px}.record-sheet svg,.admin-sound svg{width:16px;height:16px}.record-update{font-size:11px;color:#7fb4cb;margin:15px 0}.record-table{width:100%;min-width:760px}.record-table td{vertical-align:middle}.record-table th{white-space:nowrap}.record-table small{display:block;margin-top:6px;line-height:1.7;color:#91aec4}.record-actions{min-width:245px}.record-actions button{margin:3px;font-size:11px;padding:8px}.record-key{font-family:ui-monospace,monospace;letter-spacing:.02em}.record-pagination{display:flex;justify-content:space-between;gap:14px;align-items:center;padding-top:18px;border-top:1px solid #264153;font-size:12px;color:#9cb8cb}.record-pagination>div{display:flex;gap:8px}.record-pagination button:disabled{opacity:.35;cursor:not-allowed}.admin-editor{width:min(740px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;background:linear-gradient(145deg,#102e43,#081b2c);color:#e5f4ff;border:1px solid #365c72;border-radius:5px;box-shadow:0 30px 100px #000a;overflow:auto}.admin-editor::backdrop{background:#010a16bb;backdrop-filter:blur(6px)}.admin-editor>header{display:flex;justify-content:space-between;align-items:center;padding:22px;border-bottom:1px solid #2b4c60}.admin-editor h2{font-size:21px;margin-top:6px}.admin-editor header small{font-size:10px;letter-spacing:.18em;color:#7ecaf2}.admin-editor .sheet{margin:0;border:0;background:transparent;border-radius:0}.admin-editor [hidden]{display:none!important}.admin-editor #recordEditorMessage{padding-inline:22px;color:#ffcc83;font-size:12px;margin-block:12px}.patch-report{padding:22px;line-height:1.9}.patch-report code{display:block;overflow-wrap:anywhere;color:#8ddaf6}.record-notes{white-space:pre-wrap}.admin-toast-stack{position:fixed;right:22px;bottom:22px;z-index:1100;display:flex;flex-direction:column;gap:12px;width:min(380px,calc(100vw - 28px));pointer-events:none}.admin-event-toast{pointer-events:auto;display:grid;grid-template-columns:40px 1fr 20px;gap:12px;padding:18px;border:1px solid #39bcdc88;border-left:3px solid #4bdfff;border-radius:5px;background:linear-gradient(135deg,#12374bee,#071b2af5);box-shadow:0 14px 50px #0007;animation:toastEnter .3s ease}.toast-symbol{display:grid;place-items:center;width:38px;height:38px;border:1px solid #40bdd866;background:#42cfff15;border-radius:5px;color:#68def7}.toast-symbol svg{width:22px;height:22px}.admin-event-toast strong{font-size:14px}.admin-event-toast p{font-size:12px;color:#a8cadb;margin:7px 0 12px;overflow-wrap:anywhere}.toast-close{color:#9ec3d7;background:none;border:0;font-size:20px;cursor:pointer}.admin-sound{font-size:10px;white-space:nowrap}@keyframes toastEnter{from{opacity:0;transform:translateX(25px)}to{opacity:1;transform:none}}@media(max-width:600px){.record-sheet{padding:14px}.record-search{flex-basis:100%}.record-toolbar>button{margin-left:auto}.record-pagination{align-items:start;flex-direction:column}.admin-editor .sheet{padding:18px;grid-template-columns:1fr}.admin-editor .span-2{grid-column:auto}.admin-toast-stack{right:14px;bottom:14px}.admin-sound span{font-size:9px}}@media(prefers-reduced-motion:reduce){.admin-event-toast{animation:none}}
.discount-admin-card{position:relative;padding-top:38px!important}.admin-discount-ribbon{position:absolute;right:14px;top:-5px;background:linear-gradient(135deg,#ef6d82,#c53454);color:#fff;padding:9px 12px 13px;clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%);font-size:10px}

.admin-editor #recordEditorClose{width:44px;height:44px;min-width:44px;display:grid;place-items:center;padding:0;font-size:30px;line-height:1;color:#bfeeff;flex-shrink:0}.admin-editor #recordEditorClose:hover{background:#33c9ed22;border-color:#58d6f5;color:#fff}.admin-editor #recordEditorClose:focus-visible{outline:2px solid #65ddff;outline-offset:3px}

.admin-ui .swal2-close{width:44px;height:44px;font-size:30px;line-height:1}.admin-ui .record-size select{appearance:none;-webkit-appearance:none;min-width:68px;padding:9px 32px 9px 12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371d9ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px}

.admin-editor #recordEditorClose svg{display:block;width:24px;height:24px}

.record-badges{display:flex;align-items:center;flex-wrap:wrap;gap:9px 10px;min-width:160px}.record-badges>*{margin:0!important}#adminQueuePackageSummary{padding:13px 15px;border:1px solid #467e9b44;background:#12354a66;border-radius:5px;line-height:1.9}.admin-editor input[readonly]{color:#9fcdde;background:#13304455}

/* Accessible toast dismiss control. */
.admin-event-toast{grid-template-columns:40px minmax(0,1fr) 36px}.admin-event-toast .toast-close{display:grid;place-items:center;align-self:start;width:36px;height:36px;min-width:36px;padding:0;line-height:1;border:1px solid #376074;border-radius:6px;background:#16364a;color:#d8f2ff}.admin-event-toast .toast-close svg{display:block;width:22px;height:22px;stroke-width:2}.admin-event-toast .toast-close:hover{background:#25516a;color:#fff}.admin-event-toast .toast-close:focus-visible{outline:2px solid #65d9fa;outline-offset:3px}

.admin-ui .payment-toggle{position:relative;display:flex;align-items:center;gap:14px;min-height:64px;padding:14px 18px;background:#071b2b;border:1px solid #29475c;border-radius:8px;cursor:pointer;color:#c7e3f3}
.admin-ui .payment-toggle>input{position:absolute;opacity:0;width:1px;height:1px;margin:0;padding:0;clip-path:inset(50%)}
.admin-ui .payment-toggle-track{position:relative;flex:none;width:52px;height:30px;border:1px solid #496477;border-radius:999px;background:#193247;transition:background .2s,border-color .2s,box-shadow .2s}
.admin-ui .payment-toggle-track:after{content:"";position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#a3bccc;box-shadow:0 2px 4px #0004;transition:transform .2s,background .2s}
.admin-ui .payment-toggle>input:checked+.payment-toggle-track{background:linear-gradient(100deg,#09a6ce,#2873e5);border-color:#51c9ed;box-shadow:0 0 16px #22aede25}
.admin-ui .payment-toggle>input:checked+.payment-toggle-track:after{transform:translateX(22px);background:#fff}
.admin-ui .payment-toggle>input:focus-visible+.payment-toggle-track{outline:2px solid #80defa;outline-offset:4px}
.admin-ui .payment-toggle-copy{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;font-weight:600}
.admin-ui .payment-toggle-state:after{content:"ปิด";display:inline-block;font-size:11px;padding:4px 9px;border-radius:999px;background:#31485d;color:#bbcfdd}
.admin-ui .payment-toggle>input:checked~.payment-toggle-copy .payment-toggle-state:after{content:"เปิด";background:#0c5c50;color:#8cf3ca}
@media(prefers-reduced-motion:reduce){.admin-ui .payment-toggle-track,.admin-ui .payment-toggle-track:after{transition:none}}

.admin-ui .queue-account-search-feedback{margin-top:-6px}.admin-ui #queueAccountStatus{font-size:12px;line-height:1.8;color:#9cbfd6;margin:0 0 8px}.admin-ui #queueAccountStatus[data-match=exact]{color:#79e7bf}.admin-ui #queueAccountStatus[data-match=none],.admin-ui #queueAccountStatus[data-match=error]{color:#f6cf82}.admin-ui #queueAccountResults{display:grid;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-ui .queue-account-option{display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding:12px 14px;text-align:left;cursor:pointer;border:1px solid #31536b;background:#123249;border-radius:6px;color:#ddf2ff;min-width:0}.admin-ui .queue-account-option small{grid-column:1;font-size:11px;color:#93bbd0;overflow-wrap:anywhere}.admin-ui .queue-account-option span{grid-column:2;grid-row:1/3;align-self:center;font-size:11px;color:#69d9f3}.admin-ui .queue-account-option:hover{border-color:#53c4ee;background:#18415a}.admin-ui .queue-account-option:focus-visible{outline:2px solid #78dffc;outline-offset:2px}.admin-ui .queue-account-option:disabled{opacity:.55;cursor:not-allowed}@media(max-width:600px){.admin-ui #queueAccountResults{grid-template-columns:1fr}}

.admin-topup-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.admin-topup-summary>div{padding:18px 20px;border:1px solid #395c703d;border-radius:10px;background:linear-gradient(135deg,#133247,#0b2031)}.admin-topup-summary span{display:block;font-size:11px;color:#93b6cd;margin-bottom:10px}.admin-topup-summary strong{font-size:25px;color:#d6edfb}.admin-topup-summary .good strong{color:#8fe5bd}.admin-topup-summary .expired strong{color:#edcd89}.admin-topup-status{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #428fba55;border-radius:999px;color:#94d7ee;background:#1b537033;font-size:11px;white-space:nowrap}.admin-topup-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.admin-topup-status.good{color:#8ce5bf;background:#1e604933;border-color:#459e7355}.admin-topup-status.expired{color:#eecd8c;background:#70512b33;border-color:#b18c4755}.admin-topup-status.danger{color:#efa6b9;background:#642b4233;border-color:#a45e7355}.topup-credit-value{color:#edcf83;font-size:15px}@media(max-width:700px){.admin-topup-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-topup-summary>div{padding:15px}.admin-topup-summary strong{font-size:22px}}

/* Readable top-up history, including secondary payment details. */
.admin-ui #topupList .admin-topup-summary span{font-size:14px;line-height:1.7}
.admin-ui #topupList .admin-topup-summary strong{font-size:30px;line-height:1.4}
.admin-ui #topupList .record-table th{font-size:15px;padding:18px 20px;line-height:1.7}
.admin-ui #topupList .record-table td{font-size:16px;padding:20px;line-height:1.7}
.admin-ui #topupList .record-table small{font-size:14px;line-height:1.8}
.admin-ui #topupList .record-table strong,.admin-ui #topupList .topup-credit-value{font-size:16px}
.admin-ui #topupList .admin-topup-status{font-size:14px;padding:9px 14px}
.admin-ui #topupList :is(.record-toolbar button,.record-toolbar input,.record-size,.record-size select,.record-pagination,.record-pagination button){font-size:15px;line-height:1.6}
.admin-ui #topupList .record-update{font-size:14px;line-height:1.7}
.admin-ui #topupList :is(.record-toolbar button,.record-pagination button){min-height:44px}
.admin-ui #topupList .record-table{min-width:1050px}
@media(max-width:700px){.admin-ui #topupList .admin-topup-summary strong{font-size:27px}.admin-ui #topupList .record-table td{padding:16px}}
/* Popup headers stay fixed while only their content scrolls. */
.admin-ui .admin-editor{overflow:hidden;border-radius:20px}
.admin-ui .admin-editor[open]{display:flex;flex-direction:column}
.admin-ui .admin-editor>header{flex:none}
.admin-ui .admin-editor #recordEditorMessage{flex:none}
.admin-ui .admin-editor #recordEditorMessage:empty{display:none}
.admin-ui .admin-editor #recordEditorBody{min-height:0;max-height:calc(100dvh - 160px);overflow:auto;overscroll-behavior:contain;margin:8px 8px 8px 0;padding-bottom:8px}
.admin-ui :is(dialog,.swal2-popup),.admin-ui :is(dialog,.swal2-popup) *{scrollbar-width:thin;scrollbar-color:#718ba1 #0b2035}
.admin-ui :is(dialog,.swal2-popup)::-webkit-scrollbar,.admin-ui :is(dialog,.swal2-popup) *::-webkit-scrollbar{width:6px;height:6px}
.admin-ui :is(dialog,.swal2-popup)::-webkit-scrollbar-track,.admin-ui :is(dialog,.swal2-popup) *::-webkit-scrollbar-track{background:#0b2035;border-radius:12px}
.admin-ui :is(dialog,.swal2-popup)::-webkit-scrollbar-thumb,.admin-ui :is(dialog,.swal2-popup) *::-webkit-scrollbar-thumb{background:#718ba1;border:1px solid #0b2035;border-radius:12px}
.admin-ui :is(dialog,.swal2-popup)::-webkit-scrollbar-thumb:hover,.admin-ui :is(dialog,.swal2-popup) *::-webkit-scrollbar-thumb:hover{background:#9db5c9}
@media(forced-colors:active){.admin-ui :is(dialog,.swal2-popup),.admin-ui :is(dialog,.swal2-popup) *{scrollbar-color:auto}}

.admin-ui .admin-ad-slot.bottom-banner{grid-column:1/-1;aspect-ratio:1920/640;min-height:80px}
.admin-ui .admin-ad-preview.is-multiple{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.admin-ui .admin-ad-preview.is-multiple img{width:100%;aspect-ratio:3/1;object-fit:contain;max-height:none}

.upgrade-inbox{margin:0 0 24px;padding:24px;border:1px solid #284d62;border-radius:16px;background:#0b2333}.upgrade-inbox h2{font-size:21px;font-weight:600;margin-bottom:8px}.upgrade-inbox>p{color:#9bc2d8;font-size:14px;line-height:1.8;margin-bottom:18px}.upgrade-inbox .row-card{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #294859;padding:18px 0}.upgrade-inbox .row-card p{margin-top:7px;line-height:1.7;color:#a9c5d8}.upgrade-inbox .row-actions{display:flex;gap:10px;flex-wrap:wrap}.upgrade-inbox button{min-height:42px;padding:10px 16px}@media(max-width:760px){.upgrade-inbox .row-card{align-items:flex-start;flex-direction:column}.upgrade-inbox{padding:18px}}

.admin-ui .topup-account-field{position:relative;min-width:0}.admin-ui .topup-account-field>small{font-size:11px;color:#98bed2;font-weight:400}.admin-ui .topup-account-options{position:absolute;top:72px;left:0;right:0;z-index:20;max-height:240px;overflow:auto;background:#102e43;border:1px solid #42677e;border-radius:10px;box-shadow:0 12px 30px #0008;padding:5px}.admin-ui .topup-account-options [role=option]{padding:10px;cursor:pointer;border-radius:6px;overflow-wrap:anywhere}.admin-ui .topup-account-options [role=option]:hover,.admin-ui .topup-account-options [aria-selected=true]{background:#214a63}.admin-ui .topup-account-options small{display:block;color:#98bed2;font-size:11px;font-weight:400}

.admin-ui .record-table .record-end-date{color:#ffe174;font-size:13px;font-weight:600;white-space:nowrap}

.admin-ui .game-icon-preview{display:block;width:112px;height:112px;object-fit:contain;border-radius:14px;background:#0a2030;border:1px solid #31536b;padding:4px}.admin-ui #gameForm input[type=file]{height:auto;padding:10px}.admin-ui #gameForm .field>small{font-size:11px;color:#9cbfd6;font-weight:400}

.admin-ui .game-icon-comparison{display:flex;gap:24px;flex-wrap:wrap}.admin-ui .game-icon-comparison small{display:block;margin-bottom:8px;color:#9cbfd6}.admin-ui .game-icon-comparison [hidden]{display:none}

.admin-ui .record-table .record-job-amount{color:#79e7bf;font-size:15px;font-weight:600;white-space:nowrap}