:root{--bg:#07111f;--bg2:#0c1830;--panel:#0f1d33;--panel2:#132646;--line:rgba(255,255,255,.08);--text:#ecf3ff;--muted:#93a4c4;--brand:#6ea8ff;--brand2:#8d63ff;--ok:#21c58b;--warn:#f5b942;--bad:#ff5f6d;--shadow:0 18px 60px rgba(0,0,0,.35)}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at top,#13284d 0,#07111f 40%,#040914 100%);color:var(--text)}body{min-height:100vh}button,input,select{font:inherit}button{cursor:pointer;pointer-events:auto !important}a{text-decoration:none;color:inherit}.overlay,.hero-card::before,.card::before{pointer-events:none !important}
.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;justify-content:space-between;padding:22px 18px;background:linear-gradient(180deg,rgba(4,10,20,.92),rgba(7,16,31,.82));border-right:1px solid var(--line);position:sticky;top:0;height:100vh}.brand-wrap{display:flex;gap:14px;align-items:center}.brand-icon{width:42px;height:42px}.brand-icon.large{width:72px;height:72px;margin-bottom:18px}.eyebrow{margin:0 0 4px;color:#f4c361;font-size:11px;letter-spacing:.18em}.nav-list{display:grid;gap:10px;margin-top:26px}.nav-btn{border:1px solid transparent;background:rgba(255,255,255,.03);color:var(--text);padding:14px 16px;border-radius:16px;text-align:left;transition:.22s transform,.22s background,.22s border-color}.nav-btn:hover,.nav-btn.active{background:linear-gradient(135deg,rgba(110,168,255,.18),rgba(141,99,255,.18));border-color:rgba(110,168,255,.26);transform:translateY(-1px)}.sidebar-bottom-actions{margin-top:24px}.logout{width:100%}
.content{padding:26px}.content-inner{max-width:1500px;margin:0 auto;display:grid;gap:22px}.hero-card,.card,.dash-card,.queue-card,.history-card,.data-card,.site-health{background:linear-gradient(180deg,rgba(18,32,59,.9),rgba(12,24,48,.88));border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.hero-card{display:flex;align-items:flex-start;justify-content:space-between;padding:28px 30px;position:relative;overflow:hidden}.hero-card h1{margin:0;font-size:42px;line-height:1.05}.muted,.compact-copy{color:var(--muted)}.status-panel{display:flex;gap:12px;flex-wrap:wrap}.pill,.badge,.tiny-pill,.index-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px}.pill{padding:10px 14px;background:rgba(255,255,255,.05);border:1px solid var(--line);gap:8px}.status-dot::before{content:'';width:8px;height:8px;border-radius:50%;background:#7d8aa5}.status-dot.ok::before{background:var(--ok)}.status-dot.running::before{background:var(--ok)}.status-dot.idle::before{background:#f2c94c}.status-dot.failed::before{background:var(--bad)}
.dashboard-strip,.cards-grid,.site-status-grid,.history-grid,.site-management-grid,.data-card-grid,.stack-list{display:grid;gap:18px}.dashboard-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.dash-card{padding:22px 24px;display:grid;gap:10px}.dash-card span{color:var(--muted)}.dash-card strong{font-size:38px}.tab-panel{display:none}.tab-panel.active{display:grid;gap:20px}.panel-head,.card-head,.row{display:flex;align-items:center;justify-content:space-between;gap:14px}.wrap{flex-wrap:wrap}.gap-sm{gap:10px}.card{padding:22px}.glass-card{padding:20px 20px 16px}.section-caption{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.section-caption span{font-size:12px;color:#f4c361;text-transform:uppercase;letter-spacing:.16em}.section-caption strong{font-size:20px}
.btn{border:none;border-radius:14px;padding:12px 16px;font-weight:700}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:white}.btn-secondary{background:rgba(255,255,255,.06);color:var(--text);border:1px solid var(--line)}.btn-danger{background:linear-gradient(135deg,#ff6f7f,#ff4d4d);color:#fff}.btn:hover{transform:translateY(-1px)}
.filter-card{display:grid;gap:16px}.filter-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:14px;align-items:end}.filter-row.vertical{grid-template-columns:1fr}.filter-row label,.card label{display:grid;gap:8px;color:var(--muted)}input,select{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(4,12,24,.6);color:var(--text)}
.quick-dates,.pill-row,.site-tabs{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:5}.site-pill,.mini-btn{border:none;border-radius:999px;padding:10px 16px;background:rgba(255,255,255,.06);color:var(--text);border:1px solid rgba(255,255,255,.05)}.site-pill.active,.site-pill:hover,.mini-btn:hover{background:linear-gradient(135deg,rgba(255,196,97,.22),rgba(110,168,255,.22));border-color:rgba(255,196,97,.35)}
.summary-strip,.metric-grid{display:grid;gap:12px}.summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-pill{padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid var(--line);display:grid;gap:8px}.summary-pill span{color:var(--muted)}.summary-pill strong{font-size:24px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-grid.compact{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.metric-grid>div{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid var(--line);display:grid;gap:8px}.metric-grid span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.metric-grid strong{font-size:18px}
.transaction-card,.site-card,.history-card,.queue-card{padding:18px}.data-card-grid.transactions-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.history-grid,.site-management-grid,.stack-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.data-card-top,.queue-head,.history-head,.site-health-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.index-chip,.tiny-pill,.badge{padding:7px 11px;font-size:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.06)}.badge.ok{background:rgba(33,197,139,.15);color:#8ff1c6}.badge.failed{background:rgba(255,95,109,.15);color:#ffbbc1}.badge.running{background:rgba(110,168,255,.15);color:#bed7ff}.badge.idle{background:rgba(242,201,76,.15);color:#ffe18a}.badge.maintenance{background:rgba(245,185,66,.15);color:#ffd983}.data-card-head{display:grid;gap:4px;margin:14px 0 16px}.data-card-head strong{font-size:20px}.data-card-head span,.history-date,.queue-date,.site-url,.meta-line{color:var(--muted)}.action-row,.command-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.action-row .btn,.command-actions .btn{flex:1 1 120px}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px;flex-wrap:wrap}.page-meta{color:var(--muted)}
.log-card{display:grid;gap:14px}.log-entry{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.03);padding:8px 16px}.log-entry summary{display:grid;gap:10px;cursor:pointer;list-style:none;padding:10px 0}.log-entry pre{white-space:pre-wrap;word-break:break-word;color:#b7c6e6}.site-status-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.site-health{padding:18px;display:grid;gap:10px}.site-health.ok{box-shadow:inset 0 0 0 1px rgba(33,197,139,.18)}.site-health.running{box-shadow:inset 0 0 0 1px rgba(110,168,255,.18)}.site-health.failed{box-shadow:inset 0 0 0 1px rgba(255,95,109,.18)}
.settings-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.setting-block.end{display:flex;align-items:end}.switch-row{display:flex;align-items:center;gap:12px}.switch-row input{width:auto}.cards-grid.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.split-grid{grid-template-columns:1.3fr .7fr}.api-list{display:grid;gap:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.date-field{position:relative}.date-trigger{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--muted)}.native-date{position:absolute;inset:0;opacity:0;pointer-events:none}.modal{position:fixed;inset:0;background:rgba(2,6,12,.72);display:grid;place-items:center;padding:18px;z-index:30}.modal.hidden{display:none}.modal-card{width:min(620px,100%);background:linear-gradient(180deg,#102040,#0b1730);border:1px solid var(--line);border-radius:28px;padding:24px;position:relative}.modal-close{position:absolute;top:12px;right:14px;border:none;background:transparent;color:var(--text);font-size:28px}.global-footer{padding:16px 0;color:var(--muted);text-align:center}.empty-state{padding:36px 16px;border:1px dashed rgba(255,255,255,.18);border-radius:20px;text-align:center;color:var(--muted)}.positive{color:#8ff1c6}.negative{color:#ffb6c0}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);padding:28px;border-radius:28px;background:linear-gradient(180deg,#102040,#0b1730);border:1px solid var(--line)}.login-form{display:grid;gap:14px}.field-only input{padding:14px}.btn-block{width:100%}
@media (max-width:1200px){.dashboard-strip,.cards-grid.metrics-grid,.summary-strip,.settings-row{grid-template-columns:repeat(2,minmax(0,1fr))}.split-grid,.filter-row{grid-template-columns:1fr 1fr}.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}}@media (max-width:720px){.content{padding:16px}.hero-card{padding:22px;flex-direction:column}.hero-card h1{font-size:30px}.dashboard-strip,.cards-grid.metrics-grid,.summary-strip,.split-grid,.settings-row,.filter-row{grid-template-columns:1fr}.action-row .btn,.command-actions .btn{flex:1 1 100%}}


/* Professional table redesign */
.hero-card h1{font-size:34px}.hero-card,.card,.dash-card,.queue-card,.site-health{border-radius:20px}
.table-card{padding:18px 18px 16px}.table-caption{color:var(--muted);font-size:13px;margin:-4px 0 12px}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:rgba(7,15,29,.55)}
.data-table{width:100%;border-collapse:separate;border-spacing:0;min-width:900px}
.data-table thead th{position:sticky;top:0;background:#122342;color:#dce8ff;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:14px 12px;border-bottom:1px solid var(--line);text-align:left;z-index:2}
.data-table tbody td{padding:13px 12px;border-bottom:1px solid rgba(255,255,255,.06);color:var(--text);vertical-align:top;background:rgba(255,255,255,.01)}
.data-table tbody tr:nth-child(even) td{background:rgba(255,255,255,.025)}
.data-table tbody tr:hover td{background:rgba(110,168,255,.08)}
.data-table .text-right{text-align:right;font-variant-numeric:tabular-nums}
.table-empty{text-align:center;color:var(--muted);padding:28px 16px !important}
.table-actions{display:flex;gap:8px;flex-wrap:wrap}.table-actions .btn{padding:8px 12px;border-radius:10px}
.table-details summary{cursor:pointer;color:#9ec2ff}.table-details pre{margin:10px 0 0;max-width:460px;white-space:pre-wrap;word-break:break-word;color:#bdd0ef}
.sortable{cursor:pointer}.sortable.active{color:#fff}.sortable.active::after{content:" ↑"}.sortable.active.desc::after{content:" ↓"}
.pill-row,.site-tabs{gap:8px}.site-pill,.mini-btn{padding:9px 14px;border-radius:999px;background:#182849;border:1px solid rgba(255,255,255,.08)}
.site-pill.active,.site-pill:hover,.mini-btn:hover{background:#243b66;border-color:rgba(110,168,255,.35)}
.nav-btn{border-radius:14px;padding:13px 14px}.nav-btn:hover,.nav-btn.active{background:#16294b;border-color:rgba(110,168,255,.22);transform:none}
.summary-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.summary-pill{border-radius:16px;background:#152746}
.log-filters{grid-template-columns:minmax(0,1.4fr) 220px 180px;align-items:center}
#command-list .queue-card{border-radius:18px}
@media (max-width:900px){.data-table{min-width:760px}.log-filters{grid-template-columns:1fr}.table-wrap{border-radius:14px}}

.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.data-table th,.data-table td{padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:middle}.data-table thead th{position:sticky;top:0;background:#13284d;z-index:2;text-align:left}.data-table .text-right{text-align:right;font-variant-numeric:tabular-nums}.tx-table .col-no{width:72px}.tx-table .col-site{width:120px}.tx-table .col-user{width:auto}.tx-table .col-amount{width:190px}.data-table tbody tr:hover{background:rgba(255,255,255,.03)}.table-empty{text-align:center;color:var(--muted)}

.text-center{text-align:center}.table-actions-center{justify-content:center}.log-table th,.log-table td,.history-table th,.history-table td{text-align:center}.log-table .table-details summary{display:inline-flex;align-items:center;justify-content:center}.log-table .table-details pre{text-align:left;margin-inline:auto}.tx-table td,.tx-table th{white-space:nowrap}.tx-table .col-user{width:220px}.tx-table .col-site{width:110px}.tx-table .col-no{width:64px}.tx-table .col-amount{width:170px}.tx-table tbody td.text-right{font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums}.history-table .table-actions,.log-table .table-actions{justify-content:center}.summary-pill strong.negative{color:#ff8f99}.summary-pill strong.positive{color:#7dc7ff}

.text-left{text-align:left}
.table-caption-split{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.tx-mode-switch{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tx-mode-btn{border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);padding:7px 12px;border-radius:999px;font-weight:700;cursor:pointer}.tx-mode-btn.active{background:rgba(125,199,255,.18);border-color:rgba(125,199,255,.45);color:#dce8ff}.tx-mode-label{color:var(--muted);font-size:12px}.tx-mode-label strong{color:var(--text)}
.tx-table thead th,.tx-table tbody td{text-align:center}.tx-table thead th.col-no,.tx-table tbody td.text-left{text-align:left}.tx-table .col-no{width:72px}.tx-table .col-site{width:110px}.tx-table .col-user{width:260px}.tx-table .col-amount{width:180px}.tx-table tbody td.negative{color:#ff6b7a !important}.tx-table tbody td.positive{color:#7dc7ff !important}

#command-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px}.queue-card{padding:16px;min-height:240px}.queue-card .metric-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.queue-card .command-actions .btn{flex:1 1 calc(50% - 8px)}


/* v10 queue and table hardening */
#command-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;align-items:start}
.queue-card{padding:14px 14px 12px;min-height:0;border-radius:16px;display:grid;gap:10px}
.queue-title-block{display:grid;gap:2px}
.queue-title-block strong{font-size:16px;line-height:1.1}
.queue-subline,.queue-meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px}
.queue-metrics{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important}
.queue-card .metric-grid.compact div{padding:10px 10px;border-radius:12px;background:rgba(255,255,255,.03);min-height:66px}
.queue-card .metric-grid.compact div span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:5px}
.queue-card .metric-grid.compact div strong{font-size:14px;line-height:1.15;word-break:break-word}
.queue-card .command-actions.compact-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:2px}
.queue-card .command-actions.compact-actions .btn{flex:auto;width:100%;padding:10px 10px;font-size:13px}
.log-table,.history-table{table-layout:fixed}
.log-table th,.log-table td,.history-table th,.history-table td{text-align:center !important;vertical-align:middle}
.log-table th:nth-child(1),.history-table th:nth-child(1){width:150px}
.log-table th:nth-child(2),.history-table th:nth-child(2){width:100px}
.log-table th:nth-child(3){width:100px}
.log-table th:nth-child(5){width:70px}
.log-table th:nth-child(6){width:110px}
.history-table th:nth-child(4),.history-table th:nth-child(5){width:110px}
.history-table th:nth-child(6){width:95px}
.history-table th:nth-child(7){width:130px}
.log-table td:nth-child(4),.log-table td:nth-child(6){white-space:normal;word-break:break-word}
.history-table td:nth-child(7) .table-actions{display:flex;justify-content:center;gap:8px;flex-wrap:nowrap}
.history-table td:nth-child(7) .btn,.log-table .table-details summary{padding:8px 10px;font-size:12px}
.table-wrap{overflow:auto hidden}
.status-dot.disabled::before,.status-dot.offline::before{background:var(--bad)}
@media (max-width:1100px){#command-list{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}}

.dual-domain-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.player-table th,.player-table td{text-align:center}
.player-table th:first-child,.player-table td:first-child{text-align:left}
.summary-strip .summary-pill strong.negative{color:#ff6b6b}
.summary-strip .summary-pill strong.positive{color:#7ef0c2}
.nav-btn{font-weight:700;letter-spacing:.04em}
.table-wrap{overflow:auto}
@media (max-width: 1100px){.dual-domain-grid{grid-template-columns:1fr}}

.page-pill{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:4px 10px;border-radius:999px;background:rgba(91,160,255,.12);border:1px solid rgba(91,160,255,.18);font-size:12px;font-weight:700;color:#93c5fd}
.inline-chip{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;border-radius:999px;background:rgba(255,209,59,.12);border:1px solid rgba(255,209,59,.18);font-size:11px;font-weight:700;color:#fcd34d;margin-top:6px}
.log-message-cell{display:flex;flex-direction:column;align-items:center;gap:4px}
.history-match-cell{display:flex;flex-direction:column;align-items:center;gap:4px}
.history-meta{font-size:11px;line-height:1.35;color:var(--muted)}

.retry-chip{background:rgba(96,165,250,.12);border-color:rgba(96,165,250,.24);color:#93c5fd}


/* v25 data player refinement */
.content{padding:20px 18px}.content-inner{max-width:none;width:100%}
body{display:flex;flex-direction:column}.app-shell{flex:1}.content{display:flex;flex-direction:column;min-height:100vh}.content-inner{flex:1}
.global-footer{margin-top:auto;padding:20px 0 10px}
.player-filter-row{grid-template-columns:180px 1fr 1fr 42px 180px 180px 260px auto;align-items:end}
.compact-check{display:flex;align-items:center;justify-content:center;padding-bottom:10px}.compact-check input{width:18px;height:18px}
.active-only-check{display:flex;align-items:center;gap:8px;white-space:nowrap}
.player-table{table-layout:fixed;min-width:1380px}
.player-table th,.player-table td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.player-table .col-no{width:56px}.player-table .col-site{width:110px}.player-table .col-user{width:120px}.player-table .col-referral{width:120px}.player-table .col-saldo{width:110px}.player-table .col-bank{width:320px}.player-table .col-date{width:170px}.player-table .col-amount{width:120px}
.player-table .bank-cell,.player-table .date-cell{font-size:12px}
.player-table .bank-cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.player-table .date-cell{font-variant-numeric:tabular-nums}
.player-table .amount-cell{font-variant-numeric:tabular-nums}
.player-table tbody td.negative{color:#ff6b7a !important}.player-table tbody td.positive{color:#7dc7ff !important}
.player-table .player-sortable{cursor:pointer}.player-table .player-sortable.active{color:#fff}.player-table .player-sortable.active::after{content:" ↑"}.player-table .player-sortable.active.desc::after{content:" ↓"}
@media (max-width:1400px){.player-filter-row{grid-template-columns:repeat(4,minmax(0,1fr))}.active-only-check{grid-column:span 2}.player-table{min-width:1240px}}


/* v26 global full width + player filter polish */
:root{--content-pad-x:18px} 
.content{padding:18px 12px 14px;width:100%;max-width:100%} 
.content-inner{width:100%;max-width:100%;margin:0;gap:18px} 
.card,.hero-card,.dash-card,.queue-card,.history-card,.data-card,.site-health,.table-card,.dashboard-card{width:100%;max-width:100%} 
.panel-head,.card-head,.row,.section-caption{width:100%} 
.filter-row{width:100%} 
.player-filter-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(180px,1fr) minmax(180px,1fr) minmax(170px,.9fr) minmax(170px,.9fr) 42px minmax(230px,1.1fr) auto;align-items:end;gap:12px} 
.compact-check-date{align-self:end;justify-content:center;padding-bottom:10px;margin-left:-2px} 
.compact-check-date input{width:18px;height:18px} 
.active-only-check{display:flex;align-items:center;gap:8px;white-space:nowrap;padding-bottom:10px;color:var(--muted)} 
.active-only-check input{width:18px;height:18px;flex:0 0 auto} 
.active-only-check span{line-height:1.2} 
.table-wrap{width:100%;overflow:auto} 
.player-table{min-width:1480px} 
.player-table th,.player-table td{padding:11px 10px;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} 
.player-table .col-no{width:52px} 
.player-table .col-site{width:100px} 
.player-table .col-user{width:116px} 
.player-table .col-referral{width:120px} 
.player-table .col-saldo{width:98px} 
.player-table .col-bank{width:300px} 
.player-table .col-date{width:154px} 
.player-table .col-amount{width:118px} 
.player-table .bank-cell,.player-table .date-cell{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} 
.player-table .amount-cell{display:block;text-align:center;font-variant-numeric:tabular-nums} 
.data-table thead th{top:0;position:sticky;z-index:3} 
.data-table tbody tr:hover td{background:rgba(110,168,255,.09);transition:background .15s ease} 
.global-footer{margin-top:auto;padding:16px 0 12px;position:static} 
@media (min-width:1500px){.app-shell{grid-template-columns:240px minmax(0,1fr)} .content{padding:18px 16px} .player-table{min-width:0}} 
@media (max-width:1400px){.player-filter-row{grid-template-columns:repeat(4,minmax(0,1fr))} .compact-check-date{justify-content:flex-start;padding-bottom:0} .active-only-check{grid-column:span 2;padding-bottom:0}} 
@media (max-width:900px){.player-filter-row{grid-template-columns:1fr} .compact-check-date,.active-only-check{justify-content:flex-start;padding-bottom:0} }

/* v27 ultra-premium full-width hardening */
html,body{min-height:100%}
body{display:flex;flex-direction:column;min-height:100vh}
.app-shell{width:100%;grid-template-columns:240px minmax(0,1fr)}
.content{flex:1;width:100%;padding:18px 18px 10px}
.content-inner{width:100%;max-width:100%;margin:0;gap:16px}
.card,.panel,.section,.table-card,.dashboard-card,.hero-card,.dash-card{width:100%;max-width:100%}
.tab-panel{width:100%}
.tab-panel.active{display:grid;gap:16px}
.content-panel{align-content:start}
.panel-head-inline{margin-top:-4px}
.panel-elevated{margin-top:-4px}
body:not(.runner-hero) .hero-card,
body:not(.runner-hero) #dashboard-strip{display:none !important}
body:not(.runner-hero) .content-inner{gap:14px}
body:not(.runner-hero) .tab-panel.active{margin-top:0}
.global-footer{margin-top:auto;padding:14px 0 10px;position:static}

/* premium filter bar */
.player-filter-row{grid-template-columns:1.05fr 1fr 1fr auto 1fr 1fr auto auto auto;align-items:end;gap:12px}
.player-filter-premium label{display:grid;gap:7px}
.player-filter-premium .btn-premium{min-height:42px;padding:11px 18px;border-radius:14px;box-shadow:0 10px 24px rgba(98,120,255,.18);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.player-filter-premium .btn-premium:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(98,120,255,.24);filter:brightness(1.04)}
.compact-check-date-left{align-self:end;display:flex;align-items:center;justify-content:center;padding-bottom:11px;margin:0}
.compact-check-date-left input,.active-only-check-short input{width:18px;height:18px;accent-color:#7da9ff}
.active-only-check-short{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#dbe6ff;font-weight:700;padding-bottom:11px}
.active-only-check-short span{letter-spacing:.02em}
.player-filter-premium input,
.player-filter-premium select{min-height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(4,12,24,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.02);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.player-filter-premium input:focus,
.player-filter-premium select:focus{outline:none;border-color:rgba(125,199,255,.5);box-shadow:0 0 0 3px rgba(125,199,255,.12)}
.player-filter-premium .date-field{min-width:0}
.player-filter-premium .date-trigger{right:10px;color:#b7c7ea}

/* premium table system */
.table-wrap{width:100%;overflow:auto;border-radius:18px;scrollbar-width:thin;scrollbar-color:rgba(125,199,255,.35) rgba(255,255,255,.05)}
.table-wrap::-webkit-scrollbar{height:10px;width:10px}
.table-wrap::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:999px}
.table-wrap::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(125,199,255,.42),rgba(96,112,255,.32));border-radius:999px;border:2px solid rgba(5,12,24,.28)}
.data-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0}
.data-table thead th{position:sticky;top:0;z-index:5;background:#122647;backdrop-filter:blur(6px);box-shadow:inset 0 -1px 0 rgba(255,255,255,.07);font-size:11.5px;letter-spacing:.08em;font-weight:800}
.data-table tbody td{font-size:13px;line-height:1.25;padding:10px 10px;vertical-align:middle}
.data-table tbody tr:nth-child(odd) td{background:rgba(255,255,255,.012)}
.data-table tbody tr:nth-child(even) td{background:rgba(255,255,255,.028)}
.data-table tbody tr:hover td{background:rgba(118,166,255,.085);transition:background .16s ease}
.player-table{min-width:1500px}
.player-table .col-no{width:54px}
.player-table .col-site{width:104px}
.player-table .col-user{width:126px}
.player-table .col-referral{width:132px}
.player-table .col-saldo{width:100px}
.player-table .col-bank{width:320px}
.player-table .col-date{width:170px}
.player-table .col-amount{width:120px}
.player-table th,.player-table td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.player-table .bank-cell{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#d9e6ff}
.player-table .date-cell{display:block;font-size:12px;font-variant-numeric:tabular-nums}
.player-table .amount-cell{display:block;text-align:center;font-variant-numeric:tabular-nums}
.player-table th:first-child,.player-table td:first-child{position:sticky;left:0;z-index:6;background:inherit;box-shadow:inset -1px 0 0 rgba(255,255,255,.05)}
.player-table th.col-user,.player-table td.user-sticky{position:sticky;left:158px;z-index:6;background:inherit;box-shadow:inset -1px 0 0 rgba(255,255,255,.05)}
.player-table thead th:first-child,.player-table thead th.col-user{z-index:8;background:#122647}
.player-table tbody tr:hover td:first-child,
.player-table tbody tr:hover td.user-sticky{background:rgba(118,166,255,.085)}
.player-table tbody tr:nth-child(odd) td:first-child,
.player-table tbody tr:nth-child(odd) td.user-sticky{background:rgba(255,255,255,.012)}
.player-table tbody tr:nth-child(even) td:first-child,
.player-table tbody tr:nth-child(even) td.user-sticky{background:rgba(255,255,255,.028)}
.player-table .player-sortable{cursor:pointer;transition:color .16s ease,transform .16s ease}
.player-table .player-sortable:hover{color:#fff;transform:translateY(-1px)}
.player-table .player-sortable.active{color:#fff}
.player-table .player-sortable.active::after{content:" ↑";color:#8fb6ff}
.player-table .player-sortable.active.desc::after{content:" ↓";color:#8fb6ff}

/* premium controls */
.btn{border-radius:14px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}
.btn:hover{transform:translateY(-1px)}
.btn-secondary{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.btn-secondary:hover{background:rgba(255,255,255,.085)}
.site-pill,.mini-btn,.tx-mode-btn{transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}
.site-pill:hover,.mini-btn:hover,.tx-mode-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(20,34,70,.24)}
.pagination{gap:10px;justify-content:flex-end;margin-top:14px}
.pagination .btn,.pagination button{padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--text)}
.pagination .btn[disabled],.pagination button[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.page-meta{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}

/* content width + sections */
.cards-grid,.dashboard-strip,.site-status-grid,.history-grid,.site-management-grid,.data-card-grid,.stack-list{width:100%}
@media (min-width:1600px){.content{padding:18px 24px 12px}.content-inner{gap:14px}.player-table{min-width:0}}
@media (max-width:1400px){.player-filter-row{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-check-date-left{justify-content:flex-start;padding-bottom:0}.active-only-check-short{padding-bottom:0;grid-column:span 2}.player-table th.col-user,.player-table td.user-sticky{left:54px}}
@media (max-width:900px){.content{padding:14px}.player-filter-row{grid-template-columns:1fr}.compact-check-date-left,.active-only-check-short{justify-content:flex-start;padding-bottom:0}.player-table{min-width:1280px}.player-table th.col-user,.player-table td.user-sticky{left:54px}}


/* v28 light-theme + data-player hard fix */
:root{--bg:#f4f7fb;--bg2:#edf2f8;--panel:#ffffff;--panel2:#f8fbff;--line:rgba(15,23,42,.09);--text:#0f172a;--muted:#475569;--brand:#5b8def;--brand2:#7c63ff;--ok:#0f9f6e;--warn:#c58b18;--bad:#d14343;--shadow:0 14px 38px rgba(15,23,42,.08)}
html,body{background:linear-gradient(180deg,#f7faff 0,#eef3f9 100%);color:var(--text)}
.content,.content-inner,.tab-panel,.content-panel{background:transparent;color:var(--text)}
.hero-card,.card,.dash-card,.queue-card,.history-card,.data-card,.site-health,.table-card,.dashboard-card,.filter-card,.glass-card,.modal-card,.summary-pill,.metric-grid>div{background:var(--panel)!important;color:var(--text)!important;border-color:var(--line)!important;box-shadow:var(--shadow)!important}
.muted,.compact-copy,.summary-pill span,.metric-grid span,.data-card-head span,.history-date,.queue-date,.site-url,.meta-line,.table-caption,.tx-mode-label,.global-footer{color:var(--muted)!important}
.panel-head h2,.section-caption strong,.card h3,.card h2,.hero-card h1,.dash-card strong,.summary-pill strong,.metric-grid strong,.data-table tbody td,.data-table thead th{color:var(--text)!important}
input,select{background:#fff!important;color:var(--text)!important;border:1px solid rgba(15,23,42,.12)!important}
.btn-secondary{background:#fff!important;color:var(--text)!important;border:1px solid rgba(15,23,42,.12)!important}
.site-pill,.mini-btn,.page-pill{background:#eef4ff!important;color:#1e3a5f!important;border-color:rgba(30,58,95,.12)!important}
.nav-btn{background:rgba(255,255,255,.04)}
.section-caption span,.eyebrow{color:#a56600!important}
.player-filter-row{grid-template-columns:1.05fr 1fr 1fr auto 1fr 1fr auto auto;align-items:end;gap:14px}
.compact-check-date-left{order:4;justify-content:flex-start;padding-bottom:11px;margin-right:-2px}
.active-only-check-short{order:7;color:var(--text)!important;padding-bottom:11px;font-weight:700}
#load-player-data{order:8}#player-export-csv{order:9}
.player-filter-premium{align-items:end}
.player-filter-premium label{color:var(--muted)!important}
.player-filter-premium .date-field{min-width:160px}
.player-table{min-width:1450px;table-layout:fixed}
.player-table .col-no{width:56px}.player-table .col-site{width:118px}.player-table .col-user{width:170px}.player-table .col-referral{width:135px}.player-table .col-saldo{width:120px}.player-table .col-bank{width:340px}.player-table .col-date{width:170px}.player-table .col-turnover{width:145px}.player-table .col-winlose{width:145px}
.player-table th,.player-table td{padding:12px 12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle!important;line-height:1.2!important}
.player-table td{border-bottom:1px solid rgba(15,23,42,.06)!important}
.player-table tbody tr:nth-child(odd) td{background:#fbfdff!important}.player-table tbody tr:nth-child(even) td{background:#f6f9fc!important}.player-table tbody tr:hover td{background:#edf4ff!important}
.player-table .bank-cell,.player-table .date-cell,.player-table .amount-cell{display:table-cell!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle!important;text-align:center}
.player-table .bank-cell{font-size:12px;color:#334155!important}.player-table .date-cell{font-size:12px;color:#334155!important;font-variant-numeric:tabular-nums}.player-table .turnover-cell,.player-table .winlose-cell{font-variant-numeric:tabular-nums;font-weight:700}
.player-table tbody td.negative{color:#cf2237!important}.player-table tbody td.positive{color:#1f6feb!important}
.data-table thead th{background:#eef4fb!important;box-shadow:inset 0 -1px 0 rgba(15,23,42,.08)!important}
.player-table th:first-child,.player-table td:first-child{position:sticky;left:0;z-index:6;background:inherit!important}.player-table th.col-user,.player-table td.user-sticky{position:sticky;left:174px;z-index:6;background:inherit!important}.player-table thead th:first-child,.player-table thead th.col-user{z-index:8;background:#eef4fb!important}
.player-table tbody tr:hover td:first-child,.player-table tbody tr:hover td.user-sticky{background:#edf4ff!important}.player-table tbody tr:nth-child(odd) td:first-child,.player-table tbody tr:nth-child(odd) td.user-sticky{background:#fbfdff!important}.player-table tbody tr:nth-child(even) td:first-child,.player-table tbody tr:nth-child(even) td.user-sticky{background:#f6f9fc!important}
.log-filters{grid-template-columns:minmax(0,1.3fr) 220px 180px!important}
.log-table th,.log-table td,.history-table th,.history-table td{color:var(--text)!important}
.badge.ok{background:rgba(15,159,110,.12)!important;color:#0f9f6e!important}.badge.failed{background:rgba(209,67,67,.12)!important;color:#b42318!important}.badge.running{background:rgba(91,141,239,.12)!important;color:#2456b3!important}.badge.idle{background:rgba(197,139,24,.14)!important;color:#946200!important}.badge.maintenance{background:rgba(245,185,66,.17)!important;color:#946200!important}
.page-meta,.history-meta{color:var(--muted)!important}
.global-footer{color:#334155!important}
@media (max-width:1280px){.player-filter-row{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-check-date-left,.active-only-check-short{justify-content:flex-start;padding-bottom:0}.player-table{min-width:1380px}}
@media (max-width:900px){.player-filter-row{grid-template-columns:1fr}.compact-check-date-left,.active-only-check-short{order:initial}}


/* v29 final light-theme cleanup */
html,body{background:#f3f6fb !important;color:#111827 !important}
.content,.content-inner,.tab-panel,.content-panel{background:transparent !important;color:#111827 !important}
.content-inner{max-width:100% !important;margin:0 !important;width:100% !important}
.card,.hero-card,.dash-card,.queue-card,.history-card,.data-card,.site-health,.table-card,.dashboard-card,.filter-card,.glass-card,.summary-pill,.metric-grid>div,.log-entry,.modal-card{background:#fff !important;color:#111827 !important;border:1px solid rgba(15,23,42,.10) !important;box-shadow:0 12px 32px rgba(15,23,42,.08) !important}
.panel-head h2,.section-caption strong,.card h3,.card h2,.hero-card h1,.dash-card strong,.summary-pill strong,.metric-grid strong,.data-table tbody td,.data-table thead th,.page-meta,.active-only-check-short,.compact-copy,.muted,.table-caption,.data-card-head span,.global-footer,.panel-head,.section-caption{color:#111827 !important}
.muted,.compact-copy,.table-caption,.data-card-head span,.summary-pill span,.metric-grid span,.global-footer,.history-date,.queue-date,.site-url,.meta-line{color:#475569 !important}
input,select{background:#fff !important;color:#111827 !important;border:1px solid rgba(15,23,42,.14) !important}
.btn-secondary,.site-pill,.mini-btn,.page-pill,.pagination .btn,.pagination button{background:#fff !important;color:#0f172a !important;border:1px solid rgba(15,23,42,.14) !important}
.btn-primary{color:#fff !important}
.site-pill.active,.site-pill:hover,.mini-btn:hover{background:#eef4ff !important;color:#1d4ed8 !important}
.data-table thead th{background:#f8fbff !important;color:#0f172a !important;box-shadow:inset 0 -1px 0 rgba(15,23,42,.08) !important}
.data-table tbody td{background:#fff !important;color:#111827 !important;border-bottom:1px solid rgba(15,23,42,.06) !important;vertical-align:middle !important;padding:12px 10px !important;line-height:1.25 !important}
.data-table tbody tr:nth-child(odd) td{background:#ffffff !important}
.data-table tbody tr:nth-child(even) td{background:#f8fbff !important}
.data-table tbody tr:hover td{background:#eef4ff !important}
.player-table{min-width:1500px !important;table-layout:fixed !important}
.player-table th,.player-table td{white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
.player-table .col-no{width:64px !important}
.player-table .col-site{width:120px !important}
.player-table .col-user{width:170px !important}
.player-table .col-referral{width:150px !important}
.player-table .col-saldo{width:140px !important}
.player-table .col-bank{width:340px !important}
.player-table .col-date{width:190px !important}
.player-table .col-turnover{width:150px !important}
.player-table .col-winlose{width:150px !important}
.player-table td:first-child,.player-table th:first-child{position:sticky;left:0;z-index:6;background:inherit !important}
.player-table td.user-sticky,.player-table th.col-user{position:sticky;left:184px;z-index:6;background:inherit !important}
.player-table thead th:first-child,.player-table thead th.col-user{z-index:8;background:#f8fbff !important}
.player-table .bank-cell,.player-table .date-cell,.player-table .amount-cell{display:block !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;text-align:center !important;color:#111827 !important}
.player-table .bank-cell{font-size:12px !important}
.player-table .date-cell{font-size:12px !important;font-variant-numeric:tabular-nums !important}
.player-table .amount-cell{font-variant-numeric:tabular-nums !important}
.turnover-cell{color:#1f2937 !important}
.winlose-cell.positive,.positive{color:#2563eb !important}
.winlose-cell.negative,.negative{color:#dc2626 !important}
.table-empty{color:#64748b !important;text-align:left !important;padding:20px 14px !important}
.player-filter-row{grid-template-columns:1.05fr 1fr 1fr auto 1fr 1fr auto auto !important;gap:12px !important;align-items:end !important}
.compact-check-date-left{order:4 !important;justify-content:flex-start !important;padding-bottom:11px !important}
.active-only-check-short{order:7 !important;color:#111827 !important;font-weight:700 !important;padding-bottom:11px !important}
#load-player-data{order:8 !important}
#player-export-csv{order:9 !important}
.log-filters{grid-template-columns:auto 220px 220px !important;align-items:end !important}
#player-log-preset{display:block !important}
#player-log-filter-pills{grid-column:1 / span 1 !important}
.hero-card,.dash-card{color:#111827 !important}
@media (max-width:1400px){.player-filter-row{grid-template-columns:repeat(4,minmax(0,1fr)) !important}.active-only-check-short{grid-column:span 2 !important}.player-table td.user-sticky,.player-table th.col-user{left:64px !important}}
@media (max-width:900px){.player-filter-row{grid-template-columns:1fr !important}.compact-check-date-left,.active-only-check-short{padding-bottom:0 !important}.player-table{min-width:1300px !important}.player-table td.user-sticky,.player-table th.col-user{left:64px !important}}


/* v30 menu + numbers + light sidebar polish */
.sidebar{background:linear-gradient(180deg,#f3f4f6,#e5e7eb)!important;border-right:1px solid #d1d5db!important}
.brand-wrap .eyebrow{color:#a16207!important}.brand-copy,.sidebar .subtitle,.sidebar .title{color:#111827!important}
.nav-btn{background:#e5e7eb!important;color:#111827!important;border:1px solid #cbd5e1!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.nav-btn:hover,.nav-btn.active{background:#dbeafe!important;border-color:#60a5fa!important;color:#0f172a!important}
.logout{background:#ff6b6b!important;color:#fff!important}
.turnover-cell,.tx-table .positive,.amount-cell.positive,.summary-strip .positive{color:#14532d!important}
.winlose-cell.positive,.positive{color:#14532d!important}
.winlose-cell.negative,.negative{color:#b91c1c!important}
.player-table td,.player-table th{vertical-align:middle!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.player-table .bank-cell{max-width:260px!important}
.player-table .date-cell{max-width:150px!important}
.player-table .turnover-cell,.player-table .winlose-cell{max-width:140px!important}


/* v32 premium overhaul */
:root{--bg:#eef1f5;--bg2:#e4e9f0;--panel:#f8fafc;--panel2:#f1f5f9;--line:rgba(15,23,42,.12);--text:#0f172a;--muted:#334155;--ok:#166534;--warn:#d4a017;--bad:#ef4444;--shadow:0 16px 36px rgba(15,23,42,.10)}
html,body{background:linear-gradient(180deg,#edf1f6 0,#e4eaf2 100%)!important;color:var(--text)!important}
.app-shell{grid-template-columns:320px minmax(0,1fr)!important}
.sidebar{background:linear-gradient(180deg,#d8dde7,#cfd6e3)!important;border-right:1px solid rgba(15,23,42,.08)!important;padding:20px 16px!important}
.brand-wrap.side strong,.brand-wrap.side .eyebrow,.nav-btn{color:#0f172a!important}
.brand-wrap.side{align-items:flex-start}
.nav-list{gap:12px!important}.nav-list-bottom{margin-top:18px}
.nav-btn{background:rgba(255,255,255,.42)!important;border:1px solid rgba(15,23,42,.08)!important;padding:16px 18px!important;border-radius:18px!important;font-weight:800!important;box-shadow:0 6px 18px rgba(15,23,42,.05)}
.nav-btn:hover,.nav-btn.active{background:linear-gradient(135deg,#dce8ff,#dce1f6)!important;border-color:rgba(59,130,246,.34)!important}
.sidebar-bottom-actions{margin-top:14px}
.logout{background:linear-gradient(135deg,#ff7d7d,#ff5b67)!important;color:#fff!important}
.hero-card,.dash-card,.card,.queue-card,.history-card,.data-card,.site-health,.table-card,.dashboard-card,.filter-card,.glass-card,.summary-pill,.metric-grid>div{background:linear-gradient(180deg,#f9fbfd,#f2f5f9)!important;border-color:rgba(15,23,42,.10)!important;box-shadow:0 14px 30px rgba(15,23,42,.07)!important}
.hero-card h1,.panel-head h2,.section-caption strong,.card h3,.dash-card strong,.summary-pill strong,.metric-grid strong,.data-table thead th,.data-table tbody td{color:#0f172a!important}
.muted,.compact-copy,.summary-pill span,.metric-grid span,.data-card-head span,.history-date,.queue-date,.site-url,.meta-line,.table-caption,.global-footer{color:#475569!important}
#api-status-pill.status-dot.running::before,.status-dot.running::before{background:#16a34a!important}
#api-status-pill.status-dot.idle::before,.status-dot.idle::before{background:#eab308!important}
#api-status-pill.status-dot.failed::before,.status-dot.failed::before{background:#ef4444!important}
.settings-row{grid-template-columns:repeat(5,minmax(0,1fr)) auto!important;gap:16px!important}
.metric-card strong{font-size:28px!important}
.site-status-grid{gap:14px!important}
.stack-list,.card,.table-card{gap:14px!important}
.panel-head,.card-head{margin-bottom:6px}
.log-filters.slim{grid-template-columns:1fr 1fr 1fr!important;gap:12px!important}
.table-wrap{background:#fff!important;border:1px solid rgba(15,23,42,.10)!important}
.data-table thead th{background:#e7edf5!important;color:#0f172a!important}
.data-table tbody td{background:#fff!important;color:#0f172a!important;border-bottom:1px solid rgba(15,23,42,.06)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.data-table tbody tr:nth-child(odd) td{background:#f8fafc!important}
.data-table tbody tr:nth-child(even) td{background:#f1f5f9!important}
.data-table tbody tr:hover td{background:#e6eef9!important}
.positive{color:#166534!important}.negative{color:#ef4444!important}
.player-table{min-width:1540px!important;table-layout:fixed!important}
.player-table td,.player-table th{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;vertical-align:middle!important}
.player-table .col-no{width:64px!important}.player-table .col-site{width:120px!important}.player-table .col-user{width:180px!important}.player-table .col-referral{width:140px!important}.player-table .col-saldo{width:120px!important}.player-table .col-bank{width:340px!important}.player-table .col-date{width:180px!important}.player-table .col-amount{width:140px!important}
.player-table .bank-cell,.player-table .date-cell,.player-table .amount-cell{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important}
.player-table th:first-child,.player-table td:first-child{left:0!important;background:inherit!important;z-index:7!important}
.player-table th.col-user,.player-table td.user-sticky{left:184px!important;background:inherit!important;z-index:7!important}
.player-table thead th:first-child,.player-table thead th.col-user{z-index:9!important;background:#e7edf5!important}
.tx-table .positive,.tx-table .amount-positive,.data-table .amount-positive{color:#166534!important}.tx-table .negative,.tx-table .amount-negative,.data-table .amount-negative{color:#ef4444!important}
.summary-pill strong.positive{color:#166534!important}.summary-pill strong.negative{color:#ef4444!important}
.player-filter-row{grid-template-columns:1.05fr 1fr 1fr auto 1fr 1fr auto auto auto!important;gap:14px!important;align-items:end!important}
.compact-check-date-left{order:4!important;justify-content:center!important;padding-bottom:12px!important}.player-filter-premium .date-field{min-width:170px!important}
.active-only-check-short{order:7!important;padding-bottom:12px!important;color:#0f172a!important;font-weight:800!important}
#load-player-data{order:8!important}.filter-actions-inline{display:flex;gap:10px;align-items:end}
.tx-mode-switch{display:flex;gap:10px;align-items:center}.tx-mode-btn{background:#e6edf7!important;color:#334155!important;border:1px solid rgba(15,23,42,.10)!important}.tx-mode-btn.active{background:linear-gradient(135deg,#5b8def,#7c63ff)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 10px 22px rgba(91,141,239,.25)!important}
.pagination button,.pagination .btn{background:#fff!important;color:#0f172a!important;border:1px solid rgba(15,23,42,.12)!important}
.export-modal-card{max-width:460px!important;background:linear-gradient(180deg,#ffffff,#f4f7fb)!important;color:#0f172a!important}.export-modal-actions{display:grid;gap:12px;margin-top:18px}.export-modal-actions .btn{width:100%}
@media (max-width:1280px){.app-shell{grid-template-columns:280px minmax(0,1fr)!important}.player-table th.col-user,.player-table td.user-sticky{left:164px!important}}


/* v33 critical recovery pass */
.app-shell{grid-template-columns:320px minmax(0,1fr)!important}
.sidebar{width:320px!important;min-width:320px!important;padding:22px 18px!important}
.nav-btn{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.brand-wrap.side{align-items:center!important}
.brand-wrap.side strong{font-size:18px!important;letter-spacing:.04em}
#player-filter-start,#player-filter-end{width:100%!important;min-width:0!important}
.player-table{min-width:1540px!important;table-layout:fixed!important}
.player-table th,.player-table td{display:table-cell!important;vertical-align:middle!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.22!important}
.player-table .bank-cell,.player-table .date-cell,.player-table .amount-cell,.player-table .turnover-cell,.player-table .winlose-cell{display:table-cell!important;vertical-align:middle!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.player-table .turnover-cell,.tx-table td.positive,.player-table td.positive,.summary-strip .positive{color:#14532d!important}
.player-table .winlose-cell.negative,.tx-table td.negative,.player-table td.negative,.summary-strip .negative{color:#ef4444!important}
.modal-card.export-modal-card{max-width:480px!important;text-align:center!important}
.export-modal-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin-top:18px!important}
#api-status-pill.status-dot.running::before,.status-dot.running::before{background:#16a34a!important}
#api-status-pill.status-dot.idle::before,.status-dot.idle::before{background:#eab308!important}
#api-status-pill.status-dot.failed::before,#api-status-pill.status-dot.disabled::before,.status-dot.failed::before,.status-dot.disabled::before,.status-dot.offline::before{background:#ef4444!important}
@media (max-width:1280px){.app-shell{grid-template-columns:280px minmax(0,1fr)!important}.sidebar{width:280px!important;min-width:280px!important}}


/* v34 final overrides */
:root{--good:#1f6b3a;--bad:#c93a46}
.sidebar{padding:22px 16px 18px;background:linear-gradient(180deg,#d9e1ec,#cfd8e6)!important}
.sidebar-groups{display:flex;flex-direction:column;min-height:calc(100vh - 120px)}
.sidebar-spacer{flex:1 1 auto;min-height:36px}
.nav-list-top,.nav-list-bottom{display:grid;gap:12px}
.nav-btn{background:#eef2f7!important;color:#1f2937!important;font-weight:800;letter-spacing:.02em;white-space:nowrap}
.nav-btn:hover,.nav-btn.active{background:#dde7f7!important;color:#111827!important;border-color:#9db7f7!important}
.sidebar-bottom-actions{margin-top:12px}
.login-card,.login-card input{color:#fff!important}
.login-card input{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.15)!important}
.player-filter-row{display:grid;grid-template-columns:1.1fr 1fr 1fr auto 0.9fr 0.9fr auto auto;align-items:end;gap:14px}
.compact-check-date-left,.active-only-check-short{display:flex;align-items:center;gap:8px;justify-content:center;padding-bottom:10px;cursor:default}
.compact-check-date-left input,.active-only-check-short input{width:18px;height:18px;accent-color:#6477f8;cursor:pointer}
.compact-check-date-left span{display:inline-block;width:0;height:0;overflow:hidden}
.active-only-check-short span{font-weight:800;color:#1f2937}
#player-filter-start,#player-filter-end{width:100%;box-sizing:border-box}
.pagination-top{margin:4px 0 12px;justify-content:flex-end}
.player-table,.tx-table{table-layout:fixed;width:100%}
.player-table thead th,.player-table tbody td{padding:11px 10px!important;vertical-align:middle!important}
.player-table .col-no{width:58px}.player-table .col-site{width:120px}.player-table .col-user{width:170px}.player-table .col-referral{width:140px}.player-table .col-saldo{width:110px}.player-table .col-bank{width:330px}.player-table .col-date{width:170px}.player-table .col-turnover{width:145px}.player-table .col-winlose{width:145px}
.player-table .bank-cell,.player-table .date-cell,.player-table .amount-cell{display:table-cell!important;vertical-align:middle!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.player-table td,.player-table th{text-align:center!important}
.player-table td:first-child,.player-table th:first-child{text-align:left!important}
.player-table .turnover-cell.positive,.tx-table td.positive{color:var(--good)!important}
.player-table .turnover-cell.negative,.tx-table td.negative{color:var(--bad)!important}
.player-table .winlose-cell.positive,.summary-pill strong.positive,#summary-winlose.positive,#player-summary-winlose.positive{color:var(--good)!important}
.player-table .winlose-cell.negative,.summary-pill strong.negative,#summary-winlose.negative,#player-summary-winlose.negative{color:var(--bad)!important}
.metric-card strong{display:block;margin-top:8px;font-size:2rem;line-height:1.1}
.metric-card span{display:block;color:#64748b;font-weight:700}
.card-head .muted,.section-caption + .muted{display:none!important}
@media (max-width:1500px){.player-filter-row{grid-template-columns:1fr 1fr 1fr auto 1fr 1fr auto auto}}
@media (max-width:1200px){.sidebar-groups{min-height:auto}.player-filter-row{grid-template-columns:1fr 1fr}.compact-check-date-left,.active-only-check-short{justify-content:flex-start;padding-bottom:0}}

/* v35 ultra polish final fixes */
:root{--good:#166534;--bad:#dc2626}
.positive,.amount-positive,.turnover-cell.positive,.winlose-cell.positive,.tx-table td.positive,.player-table td.positive,.summary-pill strong.positive,#summary-winlose.positive,#player-summary-winlose.positive{color:var(--good)!important}
.negative,.amount-negative,.turnover-cell.negative,.winlose-cell.negative,.tx-table td.negative,.player-table td.negative,.summary-pill strong.negative,#summary-winlose.negative,#player-summary-winlose.negative{color:var(--bad)!important}

.filter-date{width:160px!important;min-width:160px!important;height:40px!important;display:block}
.filter-date .filter-date-input,
#player-filter-start,
#player-filter-end{width:160px!important;min-width:160px!important;height:40px!important;padding:12px 40px 12px 14px!important;box-sizing:border-box!important;flex:0 0 160px!important}

.player-filter-row{grid-template-columns:1.1fr 1fr 1fr auto 160px 160px auto auto!important;align-items:end!important;column-gap:14px!important;row-gap:14px!important}
.checkbox-wrap{display:inline-flex!important;align-items:center!important;gap:6px!important;width:auto!important;justify-self:start!important;align-self:end!important}
.checkbox-wrap label{display:inline-flex!important;align-items:center!important;width:auto!important;max-width:max-content!important;cursor:pointer!important;color:#111827!important;font-weight:800!important}
.checkbox-wrap input{width:18px!important;height:18px!important;cursor:pointer!important;accent-color:#6477f8;flex:0 0 auto!important}
.compact-check-date-left{order:4!important;justify-content:flex-end!important;padding-bottom:11px!important;margin:0!important}
.active-only-check-short{order:7!important;justify-content:flex-start!important;padding-bottom:11px!important;margin:0!important}
.active-only-check-short label{margin:0!important}

.sidebar{display:flex!important;flex-direction:column!important}
.sidebar > div:first-child{display:flex!important;flex-direction:column!important;min-height:0!important;flex:1 1 auto!important}
.sidebar-groups{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important}
.sidebar-spacer{flex:1 1 auto!important;min-height:56px!important}
.nav-list-bottom{gap:12px!important;margin-top:0!important}
.sidebar-bottom-actions{margin-top:28px!important;padding-top:20px!important}
.logout{margin-top:16px!important}

.login-card .field-only input,
.login-card input[type="text"],
.login-card input[type="password"]{color:#fff!important;-webkit-text-fill-color:#fff!important}
.login-card input::placeholder{color:rgba(255,255,255,.82)!important}

.nav-btn{transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease!important}
.nav-btn:hover{transform:translateY(-1px)!important;box-shadow:0 8px 18px rgba(15,23,42,.08)!important}
.btn,.site-pill,.mini-btn{transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important}
.btn:hover,.site-pill:hover,.mini-btn:hover{transform:translateY(-1px)!important;box-shadow:0 10px 20px rgba(15,23,42,.08)!important}

@media (max-width:1280px){
  .player-filter-row{grid-template-columns:1fr 1fr!important}
  .filter-date,.filter-date .filter-date-input,#player-filter-start,#player-filter-end{width:100%!important;min-width:0!important}
  .compact-check-date-left,.active-only-check-short{padding-bottom:0!important}
}


/* v35.1 final checkbox + nominal fixes */
:root{--good:#166534;--bad:#dc2626}
.filter-date{width:160px!important;min-width:160px!important;max-width:160px!important;height:40px!important;display:flex!important;align-items:center!important;box-sizing:border-box!important}
.filter-date .filter-date-input{width:100%!important;height:40px!important;box-sizing:border-box!important}
#player-filter-start,#player-filter-end{width:100%!important;min-width:0!important;max-width:none!important;height:40px!important;box-sizing:border-box!important;padding:10px 38px 10px 12px!important}
.player-filter-premium{align-items:end!important}
.checkbox-wrap{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:fit-content!important;max-width:max-content!important;min-width:unset!important;align-self:end!important;justify-self:center!important;padding:0!important;margin:0!important;line-height:1!important}
.checkbox-wrap input{width:18px!important;height:18px!important;flex:0 0 18px!important;margin:0!important;display:inline-block!important;vertical-align:middle!important;pointer-events:auto!important}
.checkbox-wrap label{display:inline-flex!important;align-items:center!important;width:auto!important;max-width:max-content!important;margin:0!important;padding:0!important;line-height:1!important;pointer-events:auto!important}
.compact-check-date-left{order:4!important;min-height:40px!important;margin-bottom:0!important;margin-right:2px!important}
.active-only-check-short{order:7!important;min-height:40px!important;white-space:nowrap!important;margin-left:6px!important}
.active-only-check-short label{font-weight:800!important;color:#111827!important}
.tx-table td.positive,.tx-table td.amount-positive,.tx-table .positive,.player-table td.positive,.player-table .positive,.turnover-cell.positive,.winlose-cell.positive,.summary-pill strong.positive,#summary-winlose.positive,#player-summary-winlose.positive{color:#166534!important}
.tx-table td.negative,.tx-table td.amount-negative,.tx-table .negative,.player-table td.negative,.player-table .negative,.turnover-cell.negative,.winlose-cell.negative,.summary-pill strong.negative,#summary-winlose.negative,#player-summary-winlose.negative{color:#dc2626!important}
.logout-btn,.sidebar .logout-btn{margin-top:16px!important}
.sidebar-bottom{margin-top:auto!important;padding-top:20px!important;gap:12px!important}

/* v35.2 final alignment + worker polish */
:root{--good:#166534;--bad:#dc2626}
.tx-table tbody td.positive,.tx-table tbody td.amount-positive,.tx-table td.positive,.tx-table .positive,.data-table td.positive,.turnover-cell.positive,.winlose-cell.positive,.summary-pill strong.positive,#summary-winlose.positive,#player-summary-winlose.positive{color:#166534!important}
.tx-table tbody td.negative,.tx-table tbody td.amount-negative,.tx-table td.negative,.tx-table .negative,.data-table td.negative,.turnover-cell.negative,.winlose-cell.negative,.summary-pill strong.negative,#summary-winlose.negative,#player-summary-winlose.negative{color:#dc2626!important}
.filter-date,#player-filter-start,#player-filter-end,.filter-date .filter-date-input{width:160px!important;min-width:160px!important;max-width:160px!important;height:40px!important;box-sizing:border-box!important}
.player-filter-row{grid-template-columns:1.05fr 1fr 1fr 160px 160px auto auto auto!important;align-items:center!important;column-gap:12px!important}
.player-filter-row > label{align-self:end!important}
.checkbox-wrap{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;width:auto!important;max-width:max-content!important;min-width:unset!important;padding:0!important;margin:0!important;line-height:1!important}
.checkbox-wrap input{width:18px!important;height:18px!important;margin:0!important;flex:0 0 18px!important}
.checkbox-wrap label{display:inline-flex!important;align-items:center!important;width:auto!important;max-width:max-content!important;margin:0!important;padding:0!important;line-height:1!important;cursor:pointer!important}
.compact-check-date-left{order:6!important;justify-self:start!important;align-self:end!important;margin-left:6px!important;margin-right:0!important;min-height:40px!important;padding-bottom:8px!important}
.active-only-check-short{order:7!important;justify-self:start!important;align-self:end!important;min-height:40px!important;padding-bottom:8px!important;margin-left:8px!important;gap:8px!important}
.active-only-check-short label{font-weight:800!important;color:#111827!important;pointer-events:auto!important}
.sidebar{justify-content:flex-start!important}
.sidebar-groups{display:flex!important;flex-direction:column!important;min-height:calc(100vh - 180px)!important}
.sidebar-spacer{flex:1 1 auto!important;min-height:48px!important}
.sidebar-bottom-actions{margin-top:24px!important;padding-top:24px!important}
.logout{margin-top:16px!important}
@media (max-width:1500px){.player-filter-row{grid-template-columns:1fr 1fr 1fr 160px 160px auto auto auto!important}}
@media (max-width:1200px){.player-filter-row{grid-template-columns:1fr 1fr!important}.compact-check-date-left,.active-only-check-short{justify-self:start!important;padding-bottom:0!important;margin-left:0!important}}

/* v35.3 export + player filter alignment overrides */
.tx-table td.positive,.tx-table td.amount-positive,.tx-table .positive,.tx-table tbody td.positive{color:#166534!important;}
.tx-table td.negative,.tx-table td.amount-negative,.tx-table .negative,.tx-table tbody td.negative{color:#dc2626!important;}
.player-table td.positive,.player-table .positive,.turnover-cell.positive,.winlose-cell.positive{color:#166534!important;}
.player-table td.negative,.player-table .negative,.turnover-cell.negative,.winlose-cell.negative{color:#dc2626!important;}
.player-filter-row{grid-template-columns:minmax(180px,220px) minmax(180px,220px) minmax(180px,220px) 150px 150px 24px auto auto !important;column-gap:12px!important;align-items:center!important;}
.player-filter-premium > label{align-self:end!important;}
#player-filter-user,#player-filter-referral{width:100%!important;min-width:0!important;}
.filter-date,#player-filter-start,#player-filter-end,.filter-date .filter-date-input{width:150px!important;min-width:150px!important;max-width:150px!important;height:40px!important;}
.compact-check-date-left{order:6!important;justify-self:start!important;align-self:center!important;margin-left:-6px!important;margin-right:0!important;padding:0!important;min-height:40px!important;}
.active-only-check-short{order:7!important;justify-self:start!important;align-self:center!important;gap:8px!important;padding:0!important;margin:0 0 0 8px!important;min-height:40px!important;pointer-events:none!important;}
.active-only-check-short input,.active-only-check-short label,.compact-check-date-left input,.compact-check-date-left label{pointer-events:auto!important;}
.checkbox-wrap{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;width:auto!important;max-width:max-content!important;min-width:0!important;padding:0!important;margin:0!important;line-height:1!important;}
.checkbox-wrap label{display:inline-flex!important;align-items:center!important;width:auto!important;max-width:max-content!important;margin:0!important;padding:0!important;line-height:1!important;}
#load-player-data{order:8!important;align-self:center!important;justify-self:start!important;margin-left:4px!important;}
.data-player-actions{margin-left:auto!important;justify-content:flex-end!important;}
@media (max-width:1500px){.player-filter-row{grid-template-columns:1fr 1fr 1fr 150px 150px 24px auto auto !important;}}
@media (max-width:1200px){.player-filter-row{grid-template-columns:1fr 1fr !important;}.compact-check-date-left,.active-only-check-short,#load-player-data{justify-self:start!important;align-self:end!important;margin-left:0!important;}}


/* v35.4 premium filter/table polish */
#tab-data-player .panel-head-inline{align-items:center;justify-content:space-between}
#tab-data-player .data-player-actions{margin-left:auto}
#tab-data-player .btn#player-export-csv{min-width:132px;text-transform:none}
#tab-transactions .panel-head .row.gap-sm.wrap{margin-left:auto}
#tab-transactions #export-csv{min-width:132px;text-transform:none}

#tab-data-player .player-filter-row{
  display:grid !important;
  grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(180px,1fr) minmax(180px,1fr) minmax(180px,1fr) 28px auto auto !important;
  align-items:end !important;
  column-gap:12px !important;
  row-gap:14px !important;
}
#tab-data-player .player-filter-row > label{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  min-width:0 !important;
}
#tab-data-player .player-filter-row input[type="text"],
#tab-data-player .player-filter-row select{
  width:100% !important;
  min-width:0 !important;
}
#tab-data-player .player-filter-premium .date-field,
#tab-data-player .player-filter-premium .filter-date{
  width:100% !important;
  min-width:180px !important;
  max-width:none !important;
  height:44px !important;
}
#tab-data-player #player-filter-start,
#tab-data-player #player-filter-end{
  width:100% !important;
  min-width:0 !important;
  height:44px !important;
  padding-right:42px !important;
  box-sizing:border-box !important;
}
#tab-data-player .player-filter-premium .date-trigger{
  right:12px !important;
  width:20px !important;
  height:20px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:14px !important;
  line-height:1 !important;
}
#tab-data-player .compact-check-date-left,
#tab-data-player .active-only-check-short{
  align-self:end !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  width:auto !important;
  min-width:0 !important;
  height:44px !important;
  padding:0 !important;
  margin:0 !important;
}
#tab-data-player .compact-check-date-left{
  justify-self:center !important;
  margin-left:-4px !important;
}
#tab-data-player .active-only-check-short{
  justify-self:start !important;
  white-space:nowrap !important;
}
#tab-data-player .checkbox-wrap,
#tab-data-player .checkbox-wrap label{
  width:auto !important;
  max-width:max-content !important;
}
#tab-data-player .checkbox-wrap label{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 !important;
}
#tab-data-player .checkbox-wrap input[type="checkbox"]{
  width:18px !important;
  height:18px !important;
  margin:0 !important;
  flex:0 0 auto !important;
}
#tab-data-player #load-player-data{
  justify-self:end !important;
  align-self:end !important;
  min-width:118px !important;
  height:44px !important;
  margin:0 !important;
}
#tab-data-player .summary-strip{margin-top:16px !important}

#tab-transactions .tx-table td:nth-child(4),
#tab-transactions .tx-table td:nth-child(5),
#tab-transactions .value-positive,
#tab-transactions .value-negative,
#tab-data-player .player-table td:nth-last-child(2),
#tab-data-player .player-table td:last-child{
  font-weight:700 !important;
}
#tab-transactions .tx-table .is-positive,
#tab-transactions .tx-table .value-positive,
#tab-data-player .player-table .is-positive,
#tab-data-player .player-table .value-positive{color:#166534 !important}
#tab-transactions .tx-table .is-negative,
#tab-transactions .tx-table .value-negative,
#tab-data-player .player-table .is-negative,
#tab-data-player .player-table .value-negative{color:#dc2626 !important}
#tab-transactions .tx-table td[style*="#60a5fa"],
#tab-data-player .player-table td[style*="#60a5fa"]{color:#166534 !important}

@media (max-width:1680px){
  #tab-data-player .player-filter-row{
    grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) minmax(160px,1fr) minmax(170px,1fr) minmax(170px,1fr) 28px auto auto !important;
  }
}
@media (max-width:1320px){
  #tab-data-player .player-filter-row{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
  #tab-data-player .compact-check-date-left,
  #tab-data-player .active-only-check-short,
  #tab-data-player #load-player-data{justify-self:start !important}
}
@media (max-width:900px){
  #tab-data-player .player-filter-row{grid-template-columns:1fr !important}
}


/* v35.5 final alignment + export/date polish */
#tab-transactions .panel-head-inline{align-items:center!important;justify-content:space-between!important}
#tab-transactions .panel-head-inline .row{margin-left:auto!important}
#tab-data-player .panel-head-inline .row{margin-left:auto!important}

/* force date icon inside field */
.date-field{position:relative!important;display:inline-flex!important;align-items:center!important;overflow:hidden!important;border-radius:14px!important;width:100%!important;min-width:0!important}
.date-field > input[type="text"],
.date-field > .filter-date-input{width:100%!important;padding-right:42px!important}
.date-field .native-date{position:absolute!important;right:10px!important;top:50%!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important;overflow:hidden!important;border:0!important}
.date-field .date-trigger{position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;width:20px!important;height:20px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;border:none!important;background:transparent!important;color:#6477f8!important;font-size:14px!important;line-height:1!important;z-index:2!important}

/* player and tx export button alignment parity */
#tab-data-player .panel-head-inline,
#tab-transactions .panel-head-inline{min-height:40px!important}

/* Grab player cards same sizing as grab w/l */
#tab-grab-player .cards-grid.metrics-grid,
#tab-grab-board .cards-grid.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
#tab-grab-player .metric-card,
#tab-grab-board .metric-card{min-height:86px!important;padding:22px 24px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
#tab-grab-player .metric-card strong,
#tab-grab-board .metric-card strong{display:block!important;font-size:2rem!important;line-height:1.1!important;margin-top:8px!important}
#tab-grab-player .metric-card span,
#tab-grab-board .metric-card span{display:block!important;font-weight:700!important;color:#64748b!important}


/* v35.6 pixel-perfect final ui pass */
#tab-transactions .panel-head-inline,
#tab-data-player .panel-head-inline{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
}
#tab-transactions .panel-head-inline > div:last-child,
#tab-data-player .panel-head-inline > div:last-child{
  margin-left:auto !important;
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
}
#tab-transactions #export-csv,
#tab-data-player #player-export-csv{
  min-width:132px !important;
  text-transform:none !important;
}

/* make grab player metric cards match grab w/l sizing exactly */
#tab-grab-board .cards-grid.metrics-grid,
#tab-grab-player .cards-grid.metrics-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
}
#tab-grab-board .metric-card,
#tab-grab-player .metric-card{
  min-height:112px !important;
  padding:22px 24px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
}
#tab-grab-board .metric-card span,
#tab-grab-player .metric-card span{
  display:block !important;
  min-height:20px !important;
  color:#475569 !important;
  font-weight:700 !important;
}
#tab-grab-board .metric-card strong,
#tab-grab-player .metric-card strong{
  display:block !important;
  margin-top:8px !important;
  font-size:2rem !important;
  line-height:1.1 !important;
}

/* final player filter alignment */
#tab-data-player .player-filter-row{
  display:grid !important;
  grid-template-columns:minmax(190px,1.15fr) minmax(190px,1fr) minmax(190px,1fr) minmax(150px,.82fr) minmax(150px,.82fr) 26px auto auto !important;
  align-items:end !important;
  column-gap:12px !important;
  row-gap:12px !important;
}
#tab-data-player .player-filter-row > label{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  min-width:0 !important;
}
#tab-data-player .player-filter-row label > select,
#tab-data-player .player-filter-row label > input[type="text"]{
  width:100% !important;
  min-width:0 !important;
  height:44px !important;
}
#tab-data-player .player-filter-premium .date-field,
#tab-data-player .player-filter-premium .filter-date{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  min-width:150px !important;
  max-width:150px !important;
  height:44px !important;
  overflow:hidden !important;
  border-radius:14px !important;
}
#tab-data-player #player-filter-start,
#tab-data-player #player-filter-end,
#tab-transactions #filter-start,
#tab-transactions #filter-end{
  width:100% !important;
  height:44px !important;
  box-sizing:border-box !important;
  padding-right:38px !important;
}
.date-field{position:relative !important; overflow:hidden !important;}
.date-field .date-trigger{
  position:absolute !important;
  right:10px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:18px !important;
  height:18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:0 !important;
  border:none !important;
  background:transparent !important;
  font-size:13px !important;
  line-height:1 !important;
  z-index:3 !important;
}
.date-field .native-date{
  position:absolute !important;
  inset:0 !important;
  opacity:0 !important;
  width:100% !important;
  height:100% !important;
  pointer-events:none !important;
}
#tab-data-player .compact-check-date-left,
#tab-data-player .active-only-check-short,
#tab-data-player #load-player-data{
  min-height:44px !important;
  height:44px !important;
  align-self:end !important;
}
#tab-data-player .compact-check-date-left{
  order:6 !important;
  justify-self:start !important;
  align-self:end !important;
  margin-left:-2px !important;
  padding:0 !important;
}
#tab-data-player .active-only-check-short{
  order:7 !important;
  justify-self:start !important;
  align-self:end !important;
  margin:0 0 0 6px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
}
#tab-data-player .active-only-check-short label{
  display:inline-flex !important;
  align-items:center !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1 !important;
}
#tab-data-player #load-player-data{
  order:8 !important;
  justify-self:end !important;
  align-self:end !important;
  min-width:118px !important;
  margin:0 !important;
}
.checkbox-wrap,
.checkbox-wrap label{
  width:auto !important;
  max-width:max-content !important;
}
.checkbox-wrap input[type="checkbox"]{
  width:18px !important;
  height:18px !important;
  margin:0 !important;
}

/* final table amount palette */
#tab-transactions .tx-table td.positive,
#tab-transactions .tx-table td.amount-positive,
#tab-data-player .player-table td.positive,
#tab-data-player .player-table td.amount-positive,
.summary-pill strong.positive{
  color:#166534 !important;
}
#tab-transactions .tx-table td.negative,
#tab-transactions .tx-table td.amount-negative,
#tab-data-player .player-table td.negative,
#tab-data-player .player-table td.amount-negative,
.summary-pill strong.negative{
  color:#dc2626 !important;
}
#tab-transactions .tx-table td:nth-child(4),
#tab-transactions .tx-table td:nth-child(5){
  font-weight:700 !important;
}

@media (max-width: 1280px){
  #tab-data-player .player-filter-row{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
  #tab-data-player .compact-check-date-left,
  #tab-data-player .active-only-check-short,
  #tab-data-player #load-player-data{
    justify-self:start !important;
    margin-left:0 !important;
  }
}
@media (max-width: 900px){
  #tab-data-player .player-filter-row{grid-template-columns:1fr !important;}
}


/* v35.7 pixel-perfect final pass */
#tab-data-player .player-filter-row{
  grid-template-columns:minmax(180px,220px) minmax(180px,220px) minmax(180px,220px) 150px 24px 150px 24px auto auto !important;
  align-items:center !important;
  column-gap:10px !important;
}
#tab-data-player .date-range-separator{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:24px !important;
  min-width:24px !important;
  height:40px !important;
  align-self:end !important;
  color:#64748b !important;
  font-weight:800 !important;
  font-size:18px !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
}
#tab-data-player .compact-check-date-left{
  justify-self:start !important;
  align-self:end !important;
  margin-left:-2px !important;
  padding-bottom:10px !important;
}
#tab-data-player .active-only-check-short{
  justify-self:start !important;
  align-self:end !important;
  padding-bottom:10px !important;
  gap:8px !important;
}
#tab-data-player #load-player-data{
  align-self:end !important;
  min-width:122px !important;
}
#tab-data-player .player-filter-premium .date-field,
#tab-data-player .player-filter-premium .filter-date,
#tab-data-player #player-filter-start,
#tab-data-player #player-filter-end,
#tab-data-player .filter-date .filter-date-input{
  width:150px !important;
  min-width:150px !important;
  max-width:150px !important;
  height:40px !important;
}
#tab-data-player .date-field{
  position:relative !important;
  overflow:hidden !important;
  border-radius:14px !important;
}
#tab-data-player .date-field .date-trigger{
  position:absolute !important;
  right:12px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:18px !important;
  height:18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:13px !important;
  line-height:1 !important;
  z-index:2 !important;
  margin:0 !important;
  padding:0 !important;
}
#tab-data-player .date-field > input[type="text"],
#tab-data-player .date-field > .filter-date-input{
  padding-right:34px !important;
}
#tab-grab-player .metric-grid,
#tab-grab-board .metric-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
}
#tab-grab-player .metric-card,
#tab-grab-board .metric-card,
#tab-grab-player .dash-card,
#tab-grab-board .dash-card{
  min-height:104px !important;
  height:104px !important;
  padding:20px 22px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}
#tab-grab-player .metric-card strong,
#tab-grab-board .metric-card strong,
#tab-grab-player .dash-card strong,
#tab-grab-board .dash-card strong{
  font-size:2rem !important;
  line-height:1.08 !important;
  margin-top:8px !important;
}
#tab-grab-player .metric-card span,
#tab-grab-board .metric-card span,
#tab-grab-player .dash-card span,
#tab-grab-board .dash-card span{
  font-size:.95rem !important;
  line-height:1.2 !important;
}
@media (max-width:1500px){
  #tab-data-player .player-filter-row{
    grid-template-columns:1fr 1fr 1fr 150px 24px 150px 24px auto auto !important;
  }
}
@media (max-width:1200px){
  #tab-data-player .player-filter-row{
    grid-template-columns:1fr 1fr !important;
  }
  #tab-data-player .date-range-separator{display:none !important;}
  #tab-data-player .compact-check-date-left,
  #tab-data-player .active-only-check-short,
  #tab-data-player #load-player-data{
    justify-self:start !important;
    padding-bottom:0 !important;
  }
}

/* v35.8 targeted alignment hotfix */
#tab-data-player .player-filter-row{
  grid-template-columns:minmax(170px,210px) minmax(170px,210px) minmax(170px,210px) 150px 22px 150px 30px auto auto !important;
  align-items:end !important;
  column-gap:8px !important;
}
#tab-data-player .player-filter-row > label{
  align-self:end !important;
}
#tab-data-player .date-range-separator{
  width:22px !important;
  min-width:22px !important;
  justify-self:center !important;
  align-self:end !important;
  padding-bottom:8px !important;
}
#tab-data-player .player-filter-premium .date-field,
#tab-data-player .player-filter-premium .filter-date,
#tab-data-player #player-filter-start,
#tab-data-player #player-filter-end,
#tab-data-player .filter-date .filter-date-input{
  width:150px !important;
  min-width:150px !important;
  max-width:150px !important;
  height:40px !important;
}
#tab-data-player .player-filter-premium label .date-field{
  position:relative !important;
  display:block !important;
  overflow:hidden !important;
  border-radius:14px !important;
}
#tab-data-player .player-filter-premium label .date-field > input[type="text"],
#tab-data-player .player-filter-premium label .date-field > .filter-date-input{
  width:100% !important;
  height:40px !important;
  padding:10px 38px 10px 12px !important;
}
#tab-data-player .player-filter-premium label .date-field .date-trigger{
  position:absolute !important;
  right:10px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:18px !important;
  height:18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:0 !important;
  border:none !important;
  background:transparent !important;
  z-index:3 !important;
}
#tab-data-player .compact-check-date-left,
#tab-data-player .active-only-check-short,
#tab-data-player #load-player-data{
  min-height:40px !important;
  align-self:end !important;
}
#tab-data-player .compact-check-date-left{
  justify-self:center !important;
  margin:0 !important;
  padding:0 0 8px 0 !important;
}
#tab-data-player .active-only-check-short{
  justify-self:start !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 0 8px 0 !important;
}
#tab-data-player .active-only-check-short label{
  margin:0 !important;
  line-height:1 !important;
}
#tab-data-player #load-player-data{
  justify-self:start !important;
  align-self:end !important;
}
#tab-transactions .panel-head-inline,
#tab-data-player .panel-head-inline{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
}
#tab-transactions .panel-head-inline > .row,
#tab-data-player .panel-head-inline > .row{
  margin-left:auto !important;
  justify-content:flex-end !important;
}
#tab-transactions #export-csv,
#tab-data-player #player-export-csv{
  margin-left:auto !important;
}
#tab-grab-board .metric-grid,
#tab-grab-player .metric-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
}
#tab-grab-board .metric-card,
#tab-grab-player .metric-card{
  min-height:104px !important;
  height:104px !important;
  padding:20px 22px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}
#tab-grab-board .metric-card span,
#tab-grab-player .metric-card span{
  display:block !important;
  font-size:.95rem !important;
  line-height:1.2 !important;
}
#tab-grab-board .metric-card strong,
#tab-grab-player .metric-card strong{
  display:block !important;
  font-size:2rem !important;
  line-height:1.08 !important;
  margin-top:8px !important;
}
@media (max-width:1500px){
  #tab-data-player .player-filter-row{
    grid-template-columns:1fr 1fr 1fr 150px 22px 150px 30px auto auto !important;
  }
}
@media (max-width:1200px){
  #tab-data-player .player-filter-row{
    grid-template-columns:1fr 1fr !important;
  }
  #tab-data-player .date-range-separator{display:none !important;}
  #tab-data-player .compact-check-date-left,
  #tab-data-player .active-only-check-short,
  #tab-data-player #load-player-data{
    justify-self:start !important;
    padding-bottom:0 !important;
  }
}

/* FIX BUG ONLY: stabilize Data Player filter layout */
#tab-data-player .filter-card{overflow:visible}
#tab-data-player .player-filter-row{
  display:grid !important;
  grid-template-columns:minmax(180px,1.1fr) minmax(150px,1fr) minmax(150px,1fr) minmax(170px,1fr) auto minmax(170px,1fr) auto auto auto !important;
  align-items:end !important;
  gap:14px !important;
}
#tab-data-player .player-filter-row > label{
  min-width:0 !important;
  margin:0 !important;
  align-self:end !important;
}
#tab-data-player .player-filter-row .date-range-separator,
#tab-data-player .player-filter-row .compact-check-date-left,
#tab-data-player .player-filter-row .active-only-check-short,
#tab-data-player .player-filter-row #load-player-data{
  align-self:end !important;
  justify-self:start !important;
  margin:0 !important;
}
#tab-data-player .player-filter-row .date-range-separator{padding-bottom:12px}
#tab-data-player .player-filter-row .compact-check-date-left,
#tab-data-player .player-filter-row .active-only-check-short{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  white-space:nowrap !important;
}
#tab-data-player .player-filter-row .active-only-check-short label{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  white-space:nowrap !important;
}
#tab-data-player .player-filter-row #load-player-data{
  width:auto !important;
  min-width:120px !important;
}
@media (max-width: 1280px){
  #tab-data-player .player-filter-row{
    grid-template-columns:repeat(3, minmax(180px,1fr)) !important;
  }
}
@media (max-width: 860px){
  #tab-data-player .player-filter-row{
    grid-template-columns:repeat(2, minmax(160px,1fr)) !important;
  }
  #tab-data-player .player-filter-row .date-range-separator{display:none !important}
}
@media (max-width: 560px){
  #tab-data-player .player-filter-row{
    grid-template-columns:1fr !important;
  }
}

/* v35.6 tighten Data Player date-end + date checkbox spacing only */
#tab-data-player .player-filter-row{
  grid-template-columns:minmax(180px,1.1fr) minmax(150px,1fr) minmax(150px,1fr) 150px 18px 150px 24px auto auto !important;
  column-gap:10px !important;
}
#tab-data-player .player-filter-row .date-range-separator{
  width:18px !important;
  min-width:18px !important;
  justify-self:center !important;
  text-align:center !important;
  padding-bottom:12px !important;
  margin:0 !important;
}
#tab-data-player .player-filter-row .compact-check-date-left{
  width:24px !important;
  min-width:24px !important;
  justify-self:start !important;
  margin-left:-2px !important;
  padding:0 !important;
}
#tab-data-player .player-filter-row .active-only-check-short,
#tab-data-player .player-filter-row #load-player-data{
  margin-left:0 !important;
}
@media (max-width: 1280px){
  #tab-data-player .player-filter-row{
    grid-template-columns:repeat(3, minmax(180px,1fr)) !important;
    column-gap:14px !important;
  }
}
@media (max-width: 860px){
  #tab-data-player .player-filter-row{
    grid-template-columns:repeat(2, minmax(160px,1fr)) !important;
  }
}
@media (max-width: 560px){
  #tab-data-player .player-filter-row{
    grid-template-columns:1fr !important;
  }
}

/* v29 data-player right-side alignment fix (minimal, tab-specific) */
#tab-data-player .player-filter-row.player-filter-premium{
  grid-template-columns:1.05fr 1fr 1fr minmax(140px,.95fr) auto minmax(140px,.95fr) auto auto auto !important;
  align-items:end !important;
  column-gap:10px !important;
}
#tab-data-player .player-filter-row.player-filter-premium > label{
  align-self:end;
}
#tab-data-player .player-filter-row.player-filter-premium .date-range-separator{
  align-self:end;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  margin:0;
  padding:0 2px 2px;
}
#tab-data-player .player-filter-row.player-filter-premium .compact-check-date-left,
#tab-data-player .player-filter-row.player-filter-premium .active-only-check-short,
#tab-data-player .player-filter-row.player-filter-premium #load-player-data{
  align-self:end !important;
  min-height:42px;
  margin:0 !important;
}
#tab-data-player .player-filter-row.player-filter-premium .compact-check-date-left{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 0 2px 0 !important;
}
#tab-data-player .player-filter-row.player-filter-premium .active-only-check-short{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px;
  padding:0 0 2px 0 !important;
  white-space:nowrap;
}
#tab-data-player .player-filter-row.player-filter-premium .active-only-check-short label{
  margin:0;
  display:inline-flex;
  align-items:center;
  line-height:1;
}
#tab-data-player .player-filter-row.player-filter-premium .compact-check-date-left input,
#tab-data-player .player-filter-row.player-filter-premium .active-only-check-short input{
  margin:0;
  flex:0 0 auto;
}
#tab-data-player .player-filter-row.player-filter-premium #load-player-data{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
@media (max-width:1400px){
  #tab-data-player .player-filter-row.player-filter-premium{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
  #tab-data-player .player-filter-row.player-filter-premium .compact-check-date-left,
  #tab-data-player .player-filter-row.player-filter-premium .active-only-check-short,
  #tab-data-player .player-filter-row.player-filter-premium #load-player-data{
    min-height:auto;
    padding-bottom:0 !important;
  }
}
@media (max-width:900px){
  #tab-data-player .player-filter-row.player-filter-premium{
    grid-template-columns:1fr !important;
  }
}

/* v30 data-player date spacing fix: keep start/end close, leave active+submit untouched */
#tab-data-player .player-filter-row.player-filter-premium{
  grid-template-columns:minmax(180px,220px) minmax(180px,220px) minmax(180px,220px) 150px 24px 150px auto auto auto !important;
  column-gap:8px !important;
}
#tab-data-player .player-filter-row.player-filter-premium > label:nth-child(4),
#tab-data-player .player-filter-row.player-filter-premium > label:nth-child(6),
#tab-data-player .player-filter-row.player-filter-premium > .date-range-separator,
#tab-data-player .player-filter-row.player-filter-premium > .compact-check-date-left{
  justify-self:start !important;
}
#tab-data-player .player-filter-row.player-filter-premium > label:nth-child(4),
#tab-data-player .player-filter-row.player-filter-premium > label:nth-child(6){
  width:150px !important;
  max-width:150px !important;
}
#tab-data-player .player-filter-row.player-filter-premium > .date-range-separator{
  width:24px !important;
  min-width:24px !important;
  padding:0 !important;
}
#tab-data-player .player-filter-row.player-filter-premium > .compact-check-date-left{
  margin-left:0 !important;
}
@media (max-width:1400px){
  #tab-data-player .player-filter-row.player-filter-premium{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}
@media (max-width:900px){
  #tab-data-player .player-filter-row.player-filter-premium{
    grid-template-columns:1fr !important;
  }
}


/* v30.1 final data-player right action group: keep player aktif + submit in one block */
#tab-data-player .player-filter-row.player-filter-premium{
  grid-template-columns:minmax(180px,220px) minmax(180px,220px) minmax(180px,220px) 150px 24px 150px auto auto !important;
  column-gap:8px !important;
  align-items:end !important;
}
#tab-data-player .player-filter-row.player-filter-premium > label:nth-child(4),
#tab-data-player .player-filter-row.player-filter-premium > label:nth-child(6),
#tab-data-player .player-filter-row.player-filter-premium > .date-range-separator,
#tab-data-player .player-filter-row.player-filter-premium > .compact-check-date-left,
#tab-data-player .player-filter-row.player-filter-premium > .player-right-actions{
  justify-self:start !important;
}
#tab-data-player .player-filter-row.player-filter-premium > .player-right-actions{
  display:inline-flex !important;
  align-items:center !important;
  gap:12px !important;
  width:auto !important;
  min-width:unset !important;
  white-space:nowrap !important;
  margin-left:4px !important;
}
#tab-data-player .player-filter-row.player-filter-premium > .player-right-actions .active-only-check-short{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 !important;
  justify-content:flex-start !important;
  width:auto !important;
}
#tab-data-player .player-filter-row.player-filter-premium > .player-right-actions .active-only-check-short label{
  margin:0 !important;
  white-space:nowrap !important;
}
#tab-data-player .player-filter-row.player-filter-premium > .player-right-actions #load-player-data{
  margin:0 !important;
}
@media (max-width:1400px){
  #tab-data-player .player-filter-row.player-filter-premium{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
  #tab-data-player .player-filter-row.player-filter-premium > .player-right-actions{
    justify-self:start !important;
  }
}
@media (max-width:900px){
  #tab-data-player .player-filter-row.player-filter-premium{
    grid-template-columns:1fr !important;
  }
  #tab-data-player .player-filter-row.player-filter-premium > .player-right-actions{
    flex-wrap:wrap !important;
    gap:10px !important;
  }
}

/* ===== FINAL REDESIGN: DATA PLAYER FILTER ONLY ===== */
#tab-data-player .player-filter-row.player-filter-redesign{
  display:grid !important;
  grid-template-columns:minmax(180px,1.05fr) minmax(180px,1fr) minmax(180px,1fr) auto auto !important;
  align-items:end !important;
  column-gap:18px !important;
  row-gap:14px !important;
}
#tab-data-player .player-filter-row.player-filter-redesign > .player-field,
#tab-data-player .player-filter-row.player-filter-redesign > .player-date-cluster,
#tab-data-player .player-filter-row.player-filter-redesign > .premium-right-actions{
  min-width:0 !important;
}
#tab-data-player .player-filter-row.player-filter-redesign .player-field{
  display:grid !important;
  gap:8px !important;
}
#tab-data-player .player-filter-row.player-filter-redesign .player-field > select,
#tab-data-player .player-filter-row.player-filter-redesign .player-field > input[type="text"]{
  width:100% !important;
  min-height:42px !important;
  height:42px !important;
  border-radius:14px !important;
  box-sizing:border-box !important;
}
#tab-data-player .player-filter-row.player-filter-redesign .player-date-cluster{
  display:flex !important;
  align-items:flex-end !important;
  gap:10px !important;
  padding:10px 12px !important;
  min-height:74px !important;
  border:1px solid rgba(255,255,255,.06) !important;
  border-radius:18px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}
#tab-data-player .player-filter-row.player-filter-redesign .player-date-field{
  display:grid !important;
  gap:8px !important;
  min-width:142px !important;
}
#tab-data-player .player-filter-row.player-filter-redesign .player-date-field .date-field,
#tab-data-player .player-filter-row.player-filter-redesign .player-date-field .filter-date{
  min-width:142px !important;
  width:142px !important;
}
#tab-data-player .player-filter-row.player-filter-redesign #player-filter-start,
#tab-data-player .player-filter-row.player-filter-redesign #player-filter-end,
#tab-data-player .player-filter-row.player-filter-redesign .player-date-field .filter-date-input{
  width:142px !important;
  min-width:142px !important;
  height:42px !important;
  box-sizing:border-box !important;
}
#tab-data-player .player-filter-row.player-filter-redesign .date-range-separator{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:16px !important;
  min-width:16px !important;
  height:42px !important;
  padding:0 !important;
  margin:24px 0 0 !important;
  color:#7b8bac !important;
  font-size:22px !important;
  font-weight:700 !important;
}
#tab-data-player .player-filter-row.player-filter-redesign .player-date-toggle{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  align-self:flex-end !important;
  height:42px !important;
  margin:0 0 0 4px !important;
  padding:0 10px !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.02) !important;
  white-space:nowrap !important;
}
#tab-data-player .player-filter-row.player-filter-redesign .player-date-toggle span{
  color:#93a3c6 !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:.02em !important;
}
#tab-data-player .player-filter-row.player-filter-redesign .premium-right-actions{
  margin-left:auto !important;
  display:inline-flex !important;
  align-items:flex-end !important;
  gap:12px !important;
  padding:10px 12px !important;
  min-height:74px !important;
  border:1px solid rgba(98,120,255,.12) !important;
  border-radius:18px !important;
  background:linear-gradient(180deg, rgba(98,120,255,.08), rgba(98,120,255,.03)) !important;
  box-shadow:0 12px 28px rgba(15,23,42,.14), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
#tab-data-player .player-filter-row.player-filter-redesign .player-active-toggle{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  height:42px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;
  white-space:nowrap !important;
}
#tab-data-player .player-filter-row.player-filter-redesign .player-active-toggle span{
  font-weight:800 !important;
  letter-spacing:.01em !important;
  color:#0b1d44 !important;
}
#tab-data-player .player-filter-row.player-filter-redesign .player-date-toggle input,
#tab-data-player .player-filter-row.player-filter-redesign .player-active-toggle input{
  margin:0 !important;
  width:18px !important;
  height:18px !important;
  accent-color:#6478ff !important;
  flex:0 0 18px !important;
}
#tab-data-player .player-filter-row.player-filter-redesign #load-player-data{
  min-width:116px !important;
  height:42px !important;
  margin:0 !important;
  border-radius:14px !important;
  box-shadow:0 12px 24px rgba(98,120,255,.22) !important;
}
@media (max-width:1500px){
  #tab-data-player .player-filter-row.player-filter-redesign{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  #tab-data-player .player-filter-row.player-filter-redesign .player-date-cluster{
    grid-column:1 / span 2 !important;
  }
  #tab-data-player .player-filter-row.player-filter-redesign .premium-right-actions{
    margin-left:0 !important;
    justify-self:end !important;
  }
}
@media (max-width:1100px){
  #tab-data-player .player-filter-row.player-filter-redesign{
    grid-template-columns:1fr 1fr !important;
  }
  #tab-data-player .player-filter-row.player-filter-redesign .player-date-cluster,
  #tab-data-player .player-filter-row.player-filter-redesign .premium-right-actions{
    grid-column:auto !important;
    justify-self:stretch !important;
    margin-left:0 !important;
  }
  #tab-data-player .player-filter-row.player-filter-redesign .premium-right-actions{
    justify-content:space-between !important;
  }
}
@media (max-width:760px){
  #tab-data-player .player-filter-row.player-filter-redesign{
    grid-template-columns:1fr !important;
  }
  #tab-data-player .player-filter-row.player-filter-redesign .player-date-cluster,
  #tab-data-player .player-filter-row.player-filter-redesign .premium-right-actions{
    grid-column:auto !important;
  }
  #tab-data-player .player-filter-row.player-filter-redesign .player-date-cluster{
    flex-wrap:wrap !important;
  }
  #tab-data-player .player-filter-row.player-filter-redesign .date-range-separator{
    display:none !important;
  }
  #tab-data-player .player-filter-row.player-filter-redesign .premium-right-actions{
    justify-content:space-between !important;
    flex-wrap:wrap !important;
  }
}

/* === v36 data player filter redesign clean reset === */
#tab-data-player .player-filter-row.player-filter-v2{
  display:grid !important;
  grid-template-columns:minmax(520px,1.9fr) auto auto !important;
  align-items:end !important;
  gap:18px !important;
}
#tab-data-player .player-filter-row.player-filter-v2 > *{
  min-width:0 !important;
}
#tab-data-player .player-main-fields{
  display:grid !important;
  grid-template-columns:minmax(180px,1.05fr) minmax(180px,1fr) minmax(180px,1fr) !important;
  gap:16px !important;
  min-width:0 !important;
}
#tab-data-player .player-field{
  display:grid !important;
  gap:8px !important;
  min-width:0 !important;
  color:#596780 !important;
  font-size:14px !important;
  font-weight:700 !important;
}
#tab-data-player .player-field > select,
#tab-data-player .player-field > input[type="text"],
#tab-data-player .player-date-field .filter-date-input{
  width:100% !important;
  min-width:0 !important;
  height:48px !important;
  border-radius:16px !important;
  border:1px solid rgba(148,163,184,.28) !important;
  background:#fff !important;
  color:#132238 !important;
  box-shadow:0 10px 24px rgba(15,23,42,.05), inset 0 1px 0 rgba(255,255,255,.7) !important;
}
#tab-data-player .player-field > input[type="text"],
#tab-data-player .player-date-field .filter-date-input{
  padding:0 16px !important;
  line-height:48px !important;
}
#tab-data-player .player-field > select{
  -webkit-appearance:none !important;
  appearance:none !important;
  padding:0 46px 0 16px !important;
  line-height:48px !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23596780' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 16px center !important;
  background-size:14px 14px !important;
}
#tab-data-player .player-date-cluster{
  display:grid !important;
  grid-template-columns:142px 18px 142px auto !important;
  gap:10px !important;
  align-items:end !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  min-height:auto !important;
}
#tab-data-player .player-date-field{
  min-width:0 !important;
}
#tab-data-player .player-date-field .date-field,
#tab-data-player .player-date-field .filter-date{
  width:142px !important;
  min-width:142px !important;
  max-width:142px !important;
  height:48px !important;
  border-radius:16px !important;
}
#tab-data-player .player-date-field .filter-date-input{
  padding-right:40px !important;
}
#tab-data-player .player-date-cluster .date-trigger{
  right:12px !important;
}
#tab-data-player .player-date-cluster .date-range-separator{
  width:18px !important;
  min-width:18px !important;
  height:48px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:0 !important;
  color:#718198 !important;
  font-size:22px !important;
  font-weight:800 !important;
}
#tab-data-player .player-date-toggle,
#tab-data-player .player-active-toggle{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  height:48px !important;
  padding:0 4px !important;
  margin:0 !important;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  white-space:nowrap !important;
  color:#0f1f3b !important;
  font-weight:800 !important;
}
#tab-data-player .player-date-toggle span{
  font-size:13px !important;
  color:#6a7891 !important;
  font-weight:700 !important;
}
#tab-data-player .player-active-toggle span{
  font-size:14px !important;
  letter-spacing:.01em !important;
}
#tab-data-player .player-date-toggle input,
#tab-data-player .player-active-toggle input{
  width:18px !important;
  height:18px !important;
  margin:0 !important;
  accent-color:#6278ff !important;
}
#tab-data-player .player-action-cluster{
  display:inline-flex !important;
  align-items:end !important;
  gap:14px !important;
  justify-self:end !important;
}
#tab-data-player .player-action-cluster #load-player-data{
  min-width:126px !important;
  height:48px !important;
  margin:0 !important;
  border-radius:16px !important;
  box-shadow:0 14px 26px rgba(98,120,255,.22) !important;
}
@media (max-width:1460px){
  #tab-data-player .player-filter-row.player-filter-v2{
    grid-template-columns:1fr !important;
  }
  #tab-data-player .player-action-cluster{
    justify-self:start !important;
  }
}
@media (max-width:980px){
  #tab-data-player .player-main-fields{
    grid-template-columns:1fr !important;
  }
  #tab-data-player .player-date-cluster{
    grid-template-columns:1fr 18px 1fr auto !important;
  }
}
@media (max-width:720px){
  #tab-data-player .player-date-cluster{
    grid-template-columns:1fr !important;
  }
  #tab-data-player .player-date-cluster .date-range-separator{
    display:none !important;
  }
  #tab-data-player .player-date-field .date-field,
  #tab-data-player .player-date-field .filter-date{
    width:100% !important;
    max-width:none !important;
  }
  #tab-data-player .player-action-cluster{
    flex-wrap:wrap !important;
    gap:12px !important;
  }
}

/* dashboard utama + sidebar center menu */
.sidebar-groups{display:flex;flex-direction:column;gap:18px}
.sidebar-mid-menu{display:flex;flex-direction:column;gap:12px;padding:18px 0;margin:10px 0;border-top:1px solid rgba(148,163,184,.24);border-bottom:1px solid rgba(148,163,184,.24);position:relative}
.sidebar-mid-menu:before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}
.nav-btn-mid{font-weight:800;letter-spacing:.015em;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.dashboard-main-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.dashboard-main-card{display:flex;flex-direction:column;gap:14px;min-height:760px;padding:22px;border:1px solid rgba(148,163,184,.16);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.99) 0%,rgba(247,250,255,.97) 100%);box-shadow:0 24px 60px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.92);position:relative;overflow:visible}
.dashboard-main-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,rgba(37,99,235,.95),rgba(59,130,246,.82),rgba(139,92,246,.8))}
.dashboard-main-card-head{display:flex;flex-direction:column;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(148,163,184,.14)}
.dashboard-main-card-topline{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-height:22px}
.dashboard-main-card-topline-clean{justify-content:flex-end}
.dashboard-panel-status{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:rgba(15,23,42,.05);border:1px solid rgba(148,163,184,.16);color:#334155;font-size:12px;font-weight:800}
.dashboard-panel-status.is-dirty{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.26);color:#b45309}
.dashboard-main-title-wrap{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.dashboard-main-title-block{display:flex;flex-direction:column;gap:8px;min-width:0}
.dashboard-main-title-wrap h3{margin:0;font-size:24px;line-height:1.1;color:#0f172a}
.dashboard-main-title-wrap p{margin:0;color:#64748b;font-size:13px;line-height:1.55}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;border:1px solid rgba(148,163,184,.2);background:linear-gradient(180deg,#fff,#f8fbff);cursor:pointer;box-shadow:0 10px 24px rgba(15,23,42,.06)}
.icon-btn:hover{transform:translateY(-1px);background:linear-gradient(180deg,#fff,#eef4ff)}
.dashboard-main-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dashboard-main-summary span{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(243,247,252,.96));border:1px solid rgba(148,163,184,.16);color:#475569;font-size:12px;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.95)}
.dashboard-main-summary strong{font-size:20px;color:#0f172a}
.dashboard-main-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;padding:14px 16px;border-radius:20px;background:linear-gradient(180deg,rgba(249,251,255,.98),rgba(245,248,253,.98));border:1px solid rgba(148,163,184,.14)}
.dashboard-main-toolbar label{display:flex;flex-direction:column;gap:8px;color:#334155;font-weight:700;font-size:13px}
.dashboard-main-toolbar select{min-height:44px;border-radius:14px;border:1px solid rgba(148,163,184,.24);background:#fff;box-shadow:inset 0 1px 2px rgba(15,23,42,.04)}
.dashboard-main-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.dashboard-main-actions .btn{min-height:42px;border-radius:14px;font-weight:800;box-shadow:0 10px 20px rgba(15,23,42,.05)}
.dashboard-main-actions .btn-ghost{background:linear-gradient(180deg,#fff,#f8fafc);color:#334155;border:1px solid rgba(148,163,184,.22)}
.dashboard-main-actions .btn:disabled{opacity:.58;cursor:not-allowed;box-shadow:none}
.dashboard-referral-chipbox{display:flex;flex-wrap:wrap;gap:8px;min-height:210px;padding:14px;border-radius:20px;background:linear-gradient(180deg,rgba(249,251,255,.94),rgba(246,249,253,.9));border:1px dashed rgba(148,163,184,.28);align-content:flex-start}
.referral-chip{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border-radius:999px;border:1px solid rgba(37,99,235,.12);background:linear-gradient(180deg,#eff6ff,#dbeafe);color:#1e3a8a;font-weight:800;cursor:pointer;box-shadow:0 8px 18px rgba(37,99,235,.08)}
.referral-chip strong{font-size:13px}
.dashboard-main-card .table-wrap{overflow-x:auto;overflow-y:visible;border-radius:18px}
.dashboard-main-table{border-collapse:separate;border-spacing:0;table-layout:auto}
.dashboard-main-table thead th{position:sticky;top:0;background:#f8fafc;z-index:1}
.dashboard-main-table th,.dashboard-main-table td{vertical-align:middle;padding:10px 10px;font-size:13px}
.dashboard-main-table .col-no-dashboard{width:54px}
.dashboard-main-table .col-ref-dashboard{width:auto}
.dashboard-main-table .col-amt-dashboard{width:118px}
.dashboard-main-table tbody tr:nth-child(even){background:rgba(248,250,252,.82)}
.dashboard-main-table tbody tr:hover{background:rgba(239,246,255,.88)}
.dashboard-main-table th.text-right,.dashboard-main-table td.text-right{text-align:right}
.dashboard-main-table .amount-cell{white-space:nowrap}
.toast-stack{position:fixed;top:18px;right:18px;z-index:90;display:flex;flex-direction:column;gap:12px;pointer-events:none}
.app-toast{min-width:300px;max-width:380px;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,250,255,.98));border:1px solid rgba(148,163,184,.18);box-shadow:0 22px 44px rgba(15,23,42,.16);opacity:0;transform:translateY(-8px) scale(.98);transition:all .22s ease;pointer-events:auto}
.app-toast.show{opacity:1;transform:translateY(0) scale(1)}
.app-toast .app-toast-dot{width:12px;height:12px;border-radius:999px;background:#60a5fa;box-shadow:0 0 0 6px rgba(96,165,250,.12);margin-top:6px;flex:0 0 auto}
.app-toast.success .app-toast-dot{background:#22c55e;box-shadow:0 0 0 6px rgba(34,197,94,.12)}
.app-toast.error .app-toast-dot{background:#ef4444;box-shadow:0 0 0 6px rgba(239,68,68,.12)}
.app-toast-body{display:flex;flex-direction:column;gap:4px;color:#334155}.app-toast-body strong{color:#0f172a;font-size:13px}.app-toast-body span{font-size:13px;line-height:1.45}
.app-dialog-card{max-width:460px!important;background:linear-gradient(180deg,#fff,#f6f9ff)!important;text-align:center;padding:28px!important;border-radius:28px!important}
.app-dialog-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;margin:0 auto 14px;background:rgba(59,130,246,.1);color:#2563eb;font-size:24px;font-weight:900}
.app-dialog-icon.success{background:rgba(34,197,94,.12);color:#15803d}.app-dialog-icon.error{background:rgba(239,68,68,.12);color:#b91c1c}
.app-dialog-field{margin-top:18px}.app-dialog-field.hidden{display:none}.app-dialog-field input{width:100%;min-height:48px;border-radius:16px;border:1px solid rgba(148,163,184,.22);background:#fff;padding:0 14px}
.app-dialog-actions{display:flex;justify-content:center;gap:12px;margin-top:20px}.app-dialog-actions .hidden{display:none}
.dashboard-referral-modal-card{width:min(860px,100%)!important;max-width:860px!important;background:linear-gradient(180deg,#fff,#f6f9ff)!important;padding:26px!important;border-radius:28px!important}
.dashboard-referral-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.dashboard-referral-modal-head h3{margin:0 0 6px;color:#0f172a}
.dashboard-referral-counter{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:999px;background:rgba(37,99,235,.09);border:1px solid rgba(37,99,235,.14);color:#1d4ed8;font-size:12px;font-weight:800}
.dashboard-referral-modal-table-wrap{border:1px solid rgba(148,163,184,.18);border-radius:20px;overflow:auto;max-height:540px;background:#fff}
.dashboard-referral-input-table{table-layout:fixed}.dashboard-referral-input-table th,.dashboard-referral-input-table td{padding:9px 10px;font-size:12px}.dashboard-referral-input-table .col-site-mini{width:180px}.dashboard-referral-input-table input{width:100%;min-height:34px;border-radius:10px;border:1px solid rgba(148,163,184,.18);padding:0 10px;background:#fbfdff}.site-mini-cell{white-space:nowrap;color:#334155;font-weight:700}
.dashboard-referral-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}
.telegram-placeholder-card{min-height:240px;display:flex;flex-direction:column;justify-content:center}
@media (max-width:1280px){.dashboard-main-grid{grid-template-columns:1fr}.dashboard-main-card{min-height:auto}}
@media (max-width:720px){.dashboard-main-summary,.dashboard-main-actions,.dashboard-main-toolbar{grid-template-columns:1fr}.dashboard-main-card{padding:18px;border-radius:22px}.dashboard-main-title-wrap{align-items:flex-start}.toast-stack{left:14px;right:14px}.app-toast{min-width:0;max-width:none;width:100%}.dashboard-referral-modal-head,.dashboard-referral-modal-actions,.app-dialog-actions{flex-direction:column}}


/* dashboard utama redesign v3 */
#tab-dashboard-main .panel-head{display:none!important}
.dashboard-main-shell{display:flex;flex-direction:column;gap:18px}
.dashboard-main-hero{background:linear-gradient(135deg,#fff,#f4f7ff);border:1px solid rgba(99,102,241,.14);border-radius:28px;padding:22px 24px;box-shadow:0 20px 40px rgba(15,23,42,.06)}
.dashboard-main-hero h2{margin:0;font-size:2rem;color:#0f172a!important}.dashboard-main-hero p{margin:8px 0 0;color:#64748b!important;font-size:.98rem}
.dashboard-main-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.dashboard-main-card-v2{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;border:1px solid rgba(99,102,241,.12)!important;border-radius:28px!important;padding:22px!important;box-shadow:0 24px 50px rgba(15,23,42,.07)!important;min-height:760px;display:flex;flex-direction:column;gap:16px}
.dashboard-main-topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:10px;border-bottom:1px solid rgba(148,163,184,.14)}
.dashboard-main-title-block h3{margin:0;font-size:1.9rem;color:#0f172a!important}.dashboard-main-title-block p{margin:8px 0 0;color:#64748b!important;font-size:.92rem;line-height:1.45}.dashboard-main-top-actions{display:flex;align-items:center;gap:10px}
.dashboard-panel-status{background:linear-gradient(135deg,#eef2ff,#e8f5ff)!important;color:#334155!important;border:1px solid rgba(99,102,241,.12)!important;border-radius:999px;padding:10px 14px;font-weight:800;letter-spacing:.02em}
.dashboard-filter-row{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:12px;align-items:end}.dashboard-filter-field{display:flex;flex-direction:column;gap:8px}.dashboard-filter-field span{font-size:.78rem;font-weight:800;color:#475569;letter-spacing:.08em;text-transform:uppercase}.dashboard-filter-field select{height:52px;border-radius:16px!important;font-weight:700}
.dashboard-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-stat-card{background:#fff;border:1px solid rgba(148,163,184,.18);border-radius:22px;padding:18px 18px 16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.dashboard-stat-card span{display:block;color:#64748b;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.dashboard-stat-card strong{display:block;margin-top:8px;font-size:1.7rem;color:#0f172a}
.dashboard-referral-board{display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start;min-height:260px;padding:16px;border-radius:24px;border:1px dashed rgba(148,163,184,.28);background:linear-gradient(180deg,#ffffff,#f9fbff)}
.referral-chip-v2{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;border:1px solid rgba(99,102,241,.12);background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.05);max-width:100%}.referral-chip-v2 em{font-style:normal;font-size:.72rem;font-weight:800;color:#6366f1;background:#eef2ff;padding:6px 8px;border-radius:999px;white-space:nowrap}.referral-chip-v2 span{font-weight:700;color:#0f172a;overflow:hidden;text-overflow:ellipsis}.referral-chip-v2 strong{font-size:1rem;color:#ef4444}
.dashboard-main-actions-v2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dashboard-main-actions-v2 .btn{height:48px;border-radius:16px;font-weight:800}
.dashboard-main-table-shell{border:1px solid rgba(148,163,184,.16);border-radius:22px;overflow:hidden;background:#fff;margin-top:auto}.dashboard-main-table-v2{width:100%;min-width:100%!important;table-layout:fixed}.dashboard-main-table-v2 thead th{padding:12px 12px!important;background:#f3f6fc!important;font-size:.78rem!important;letter-spacing:.04em;text-transform:uppercase}.dashboard-main-table-v2 tbody td{padding:11px 12px!important;font-size:.9rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.dashboard-main-table-v2 .col-no-dashboard{width:56px}.dashboard-main-table-v2 .col-ref-dashboard{width:auto}.dashboard-main-table-v2 .col-amt-dashboard{width:136px}.dashboard-main-table-v2 tbody td:nth-child(3),.dashboard-main-table-v2 tbody td:nth-child(4){font-variant-numeric:tabular-nums;font-weight:700}
#tab-dashboard-main .table-wrap{overflow:visible!important}
#tab-dashboard-main .table-empty{text-align:left!important;padding:16px 16px!important;color:#64748b!important}
.dashboard-referral-modal-card{width:min(1420px,96vw)!important;max-width:min(1420px,96vw)!important;border-radius:30px!important;padding:26px!important;background:linear-gradient(180deg,#ffffff,#f8fbff)!important}.dashboard-referral-modal-head{align-items:flex-start!important}.dashboard-referral-modal-head h3{font-size:1.45rem;margin:0}.dashboard-referral-modal-head p{margin:8px 0 0;color:#64748b!important}.dashboard-referral-counter{padding:10px 14px;border-radius:999px;background:#eef2ff;color:#4338ca;font-weight:800}
.dashboard-referral-modal-table-wrap{overflow:visible!important;max-height:none!important;border:none!important;background:transparent!important;padding:0!important}.dashboard-referral-input-table{width:100%;table-layout:fixed}.dashboard-referral-input-table thead th{padding:12px!important;background:#f1f5f9!important}.dashboard-referral-input-table tbody td{padding:8px!important;background:transparent!important}.dashboard-referral-input-table tbody tr td:first-child{width:250px}.dashboard-referral-input-table select,.dashboard-referral-input-table input{height:44px!important;border-radius:14px!important;width:100%!important}.dashboard-referral-modal-actions{justify-content:flex-end;gap:10px;padding-top:8px}
.toast-stack{top:22px;right:22px}.app-toast{border-radius:18px!important;background:linear-gradient(135deg,#111827,#1f2937)!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 24px 50px rgba(15,23,42,.28)!important}.app-toast.success{background:linear-gradient(135deg,#0f766e,#0f9f6e)!important}.app-toast.error{background:linear-gradient(135deg,#991b1b,#dc2626)!important}
.app-dialog-card{border-radius:28px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;border:1px solid rgba(99,102,241,.12)!important;box-shadow:0 30px 70px rgba(15,23,42,.18)!important}.app-dialog-icon{background:linear-gradient(135deg,#eef2ff,#dbeafe)!important;color:#4338ca!important}
@media (max-width:1400px){.dashboard-main-grid{grid-template-columns:1fr}.dashboard-main-card-v2{min-height:auto}.dashboard-referral-modal-card{width:min(1100px,96vw)!important}}
@media (max-width:760px){.dashboard-filter-row,.dashboard-stat-grid,.dashboard-main-actions-v2{grid-template-columns:1fr}.dashboard-main-topbar{flex-direction:column}.dashboard-referral-input-table tbody tr td:first-child{width:auto}}


/* dashboard utama compact cleanup */
.dashboard-main-hero p,.dashboard-main-title-block p,.dashboard-referral-board,.dashboard-referral-chipbox,.dashboard-referral-chipbox-1{display:none!important}
.dashboard-main-card-v2{min-height:690px;gap:14px;padding:18px 18px 20px!important}
.dashboard-main-topbar{padding-bottom:8px;margin-bottom:0}
.dashboard-main-title-block h3{font-size:1.75rem}
.dashboard-stat-grid{margin-top:0}
.dashboard-main-actions-v2{margin-top:0}
.dashboard-main-table-shell{border:1px solid rgba(148,163,184,.16);border-radius:0 0 22px 22px;overflow:hidden;background:#fff;margin-top:0}
.dashboard-main-table-v2{border-collapse:separate;border-spacing:0}
.dashboard-main-table-v2 thead th{text-align:center!important}
.dashboard-main-table-v2 thead th:first-child,.dashboard-main-table-v2 tbody td:first-child{text-align:left!important;padding-left:18px!important}
.dashboard-main-table-v2 thead th:nth-child(2),.dashboard-main-table-v2 tbody td:nth-child(2),.dashboard-main-table-v2 thead th:nth-child(3),.dashboard-main-table-v2 tbody td:nth-child(3),.dashboard-main-table-v2 thead th:nth-child(4),.dashboard-main-table-v2 tbody td:nth-child(4){text-align:center!important}
.dashboard-main-table-v2 .col-no-dashboard{width:58px}
.dashboard-main-table-v2 .col-ref-dashboard{width:auto}
.dashboard-main-table-v2 .col-amt-dashboard{width:120px}
.dashboard-main-table-v2 tbody td{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.dashboard-main-table-v2 tbody tr:last-child td:first-child{border-bottom-left-radius:22px}
.dashboard-main-table-v2 tbody tr:last-child td:last-child{border-bottom-right-radius:22px}
#tab-dashboard-main .table-empty{text-align:center!important;padding:18px 16px!important}

/* Dashboard Utama - compact referral modal refinements */
.dashboard-referral-modal-card{
  width:min(1040px,92vw)!important;
  max-width:min(1040px,92vw)!important;
  padding:20px 20px 18px!important;
  border-radius:24px!important;
}
.dashboard-referral-modal-head{
  margin-bottom:12px!important;
  gap:12px!important;
}
.dashboard-referral-modal-head h3{
  font-size:1.08rem!important;
  line-height:1.2!important;
  letter-spacing:.01em!important;
}
.dashboard-referral-modal-head p{
  font-size:.78rem!important;
  margin-top:4px!important;
}
.dashboard-referral-counter{
  padding:8px 11px!important;
  font-size:11px!important;
}
.dashboard-referral-input-table thead th{
  padding:9px 10px!important;
  font-size:11px!important;
}
.dashboard-referral-input-table tbody td{
  padding:6px!important;
}
.dashboard-referral-input-table tbody tr td:first-child,
.dashboard-referral-input-table .col-site-mini{
  width:180px!important;
}
.dashboard-referral-input-table select,
.dashboard-referral-input-table input{
  height:36px!important;
  min-height:36px!important;
  border-radius:11px!important;
  font-size:12px!important;
  padding:0 10px!important;
}
.dashboard-referral-input-table input::placeholder{
  font-size:11px!important;
}
.dashboard-referral-modal-actions{
  margin-top:12px!important;
}

@media (max-width: 1100px){
  .dashboard-referral-modal-card{
    width:min(920px,94vw)!important;
    max-width:min(920px,94vw)!important;
  }
}

@media (max-width: 760px){
  .dashboard-referral-modal-card{
    width:min(96vw,96vw)!important;
    max-width:min(96vw,96vw)!important;
    padding:16px!important;
  }
  .dashboard-referral-input-table tbody tr td:first-child,
  .dashboard-referral-input-table .col-site-mini{
    width:140px!important;
  }
}

/* Dashboard utama final compact pass */
.dashboard-main-actions,
.dashboard-main-actions-v2{display:none!important}
.dashboard-main-card-v2{min-height:560px!important;padding:18px!important;gap:14px!important}
.dashboard-filter-row{grid-template-columns:minmax(0,1fr) 162px!important;gap:12px!important;align-items:end!important}
.dashboard-filter-field select{height:46px!important;border-radius:15px!important}
.dashboard-main-table-shell{border-radius:0 0 24px 24px!important;overflow:hidden!important}
.dashboard-main-table-v2{width:100%!important}
.dashboard-main-table-v2 thead th{padding:11px 10px!important}
.dashboard-main-table-v2 tbody td{padding:10px 10px!important}
.dashboard-main-table-v2 thead th:first-child,
.dashboard-main-table-v2 tbody td:first-child{text-align:left!important;padding-left:16px!important}
.dashboard-main-table-v2 thead th:nth-child(2),
.dashboard-main-table-v2 tbody td:nth-child(2),
.dashboard-main-table-v2 thead th:nth-child(3),
.dashboard-main-table-v2 tbody td:nth-child(3),
.dashboard-main-table-v2 thead th:nth-child(4),
.dashboard-main-table-v2 tbody td:nth-child(4){text-align:center!important}
.dashboard-main-table-v2 tbody tr:last-child td:first-child{border-bottom-left-radius:24px!important}
.dashboard-main-table-v2 tbody tr:last-child td:last-child{border-bottom-right-radius:24px!important}
.dashboard-referral-modal-card{width:min(760px,90vw)!important;max-width:min(760px,90vw)!important;padding:16px 16px 14px!important;border-radius:22px!important}
.dashboard-referral-modal-head{align-items:flex-start!important;padding-right:28px!important;position:relative!important}
.dashboard-referral-modal-head h3{font-size:1rem!important}
.dashboard-referral-modal-head p{font-size:.72rem!important}
.dashboard-referral-counter{margin-right:26px!important;transform:translateX(-10px)!important;padding:7px 10px!important;font-size:10px!important}
.dashboard-referral-modal-table-wrap{max-height:60vh!important;overflow:auto!important}
.dashboard-referral-input-table .col-site-mini,
.dashboard-referral-input-table tbody tr td:first-child{width:132px!important}
.dashboard-referral-input-table thead th{font-size:10px!important;padding:8px 8px!important}
.dashboard-referral-input-table tbody td{padding:5px!important}
.dashboard-referral-input-table select,
.dashboard-referral-input-table input{height:34px!important;min-height:34px!important;border-radius:10px!important;font-size:11px!important;padding:0 9px!important}
.dashboard-referral-modal-actions .btn{height:38px!important;min-height:38px!important;padding:0 14px!important}
@media (max-width: 900px){
  .dashboard-referral-modal-card{width:min(680px,94vw)!important;max-width:min(680px,94vw)!important}
}


/* Dashboard Utama - final referral modal and table polish */
#dashboard-referral-modal{place-items:start center!important;overflow:auto!important;padding:32px 16px!important;}
#dashboard-referral-modal .modal-card{position:relative!important;}
#dashboard-referral-close{top:14px!important;right:16px!important;z-index:6!important;width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:999px!important;background:#fff!important;color:#0f172a!important;border:1px solid rgba(15,23,42,.12)!important;box-shadow:0 10px 24px rgba(15,23,42,.10)!important;cursor:pointer!important;}
.dashboard-referral-modal-card{width:min(680px,88vw)!important;max-width:min(680px,88vw)!important;padding:18px 18px 16px!important;border-radius:22px!important;margin:14px auto!important;}
.dashboard-referral-modal-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding-right:60px!important;margin-bottom:10px!important;}
.dashboard-referral-modal-head > div{min-width:0!important;}
.dashboard-referral-modal-head h3{font-size:1.22rem!important;line-height:1.2!important;font-weight:800!important;margin:0!important;color:#0f172a!important;}
.dashboard-referral-modal-head p{display:none!important;}
.dashboard-referral-counter{margin-right:22px!important;transform:none!important;padding:7px 11px!important;font-size:11px!important;line-height:1!important;white-space:nowrap!important;flex:0 0 auto!important;}
.dashboard-referral-modal-table-wrap{overflow:visible!important;max-height:none!important;border:none!important;background:transparent!important;padding:0!important;}
.dashboard-referral-input-table{table-layout:fixed!important;width:100%!important;}
.dashboard-referral-input-table thead th{padding:7px 6px!important;font-size:11px!important;}
.dashboard-referral-input-table thead th:first-child{width:138px!important;}
.dashboard-referral-input-table tbody td{padding:4px 5px!important;}
.dashboard-referral-input-table .col-site-mini,
.dashboard-referral-input-table tbody tr td:first-child{width:138px!important;}
.dashboard-referral-input-table select,
.dashboard-referral-input-table input{height:32px!important;min-height:32px!important;border-radius:10px!important;font-size:12px!important;padding:0 9px!important;}
.dashboard-referral-input-table input::placeholder{font-size:12px!important;color:#94a3b8!important;}
.dashboard-referral-modal-actions{margin-top:10px!important;gap:10px!important;}
.dashboard-referral-modal-actions .btn{height:36px!important;min-height:36px!important;padding:0 14px!important;border-radius:12px!important;}
.dashboard-main-table-shell{border-radius:0 0 24px 24px!important;overflow:hidden!important;}
.dashboard-main-table-v2{border-collapse:separate!important;border-spacing:0!important;}
.dashboard-main-table-v2 thead th:first-child,.dashboard-main-table-v2 tbody td:first-child{text-align:left!important;padding-left:18px!important;}
.dashboard-main-table-v2 thead th:nth-child(2),.dashboard-main-table-v2 tbody td:nth-child(2),.dashboard-main-table-v2 thead th:nth-child(3),.dashboard-main-table-v2 tbody td:nth-child(3),.dashboard-main-table-v2 thead th:nth-child(4),.dashboard-main-table-v2 tbody td:nth-child(4){text-align:center!important;}
.dashboard-main-table-v2 tbody tr:last-child td:first-child{border-bottom-left-radius:24px!important;}
.dashboard-main-table-v2 tbody tr:last-child td:last-child{border-bottom-right-radius:24px!important;}
#tab-dashboard-main .table-empty{text-align:center!important;padding:18px 16px!important;}
@media (max-width: 820px){
  .dashboard-referral-modal-card{width:min(620px,92vw)!important;max-width:min(620px,92vw)!important;}
  .dashboard-referral-modal-head{padding-right:52px!important;}
}


/* Dashboard Main final enterprise fix */
#dashboard-referral-modal{align-items:flex-start!important;justify-content:center!important;padding:28px 16px!important;overflow-y:auto!important;overflow-x:hidden!important;background:rgba(10,15,28,.62)!important;backdrop-filter:blur(10px)!important;}
#dashboard-referral-modal .modal-card.dashboard-referral-modal-card{width:min(720px,calc(100vw - 64px))!important;max-width:min(720px,calc(100vw - 64px))!important;min-width:0!important;margin:0 auto!important;padding:18px 18px 16px!important;border-radius:26px!important;border:1px solid rgba(255,255,255,.7)!important;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;box-shadow:0 32px 80px rgba(15,23,42,.28)!important;overflow:hidden!important;position:relative!important;}
#dashboard-referral-close{top:14px!important;right:14px!important;width:42px!important;height:42px!important;border-radius:999px!important;border:1px solid rgba(239,68,68,.18)!important;background:linear-gradient(180deg,#fff5f5,#ffe8e8)!important;color:#dc2626!important;box-shadow:0 14px 28px rgba(220,38,38,.16)!important;font-size:28px!important;line-height:1!important;font-weight:500!important;transition:transform .16s ease, box-shadow .16s ease, background .16s ease!important;}
#dashboard-referral-close:hover{transform:translateY(-1px)!important;background:linear-gradient(180deg,#ffeceb,#ffd8d8)!important;box-shadow:0 18px 34px rgba(220,38,38,.22)!important;}
.dashboard-referral-modal-head{padding-right:118px!important;margin-bottom:12px!important;align-items:center!important;}
.dashboard-referral-modal-head h3{font-size:1.8rem!important;font-weight:900!important;letter-spacing:-.02em!important;}
.dashboard-referral-counter{margin-right:34px!important;padding:8px 12px!important;font-size:12px!important;font-weight:800!important;background:#eef2ff!important;border:1px solid rgba(99,102,241,.18)!important;color:#4338ca!important;}
.dashboard-referral-modal-table-wrap{width:100%!important;max-width:100%!important;overflow:visible!important;max-height:none!important;padding:0!important;border:none!important;background:transparent!important;}
.dashboard-referral-input-table{width:100%!important;max-width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important;}
.dashboard-referral-input-table thead th{position:static!important;background:#eef2f7!important;color:#0f172a!important;padding:9px 10px!important;font-size:11px!important;}
.dashboard-referral-input-table thead th:first-child,.dashboard-referral-input-table tbody td:first-child{width:128px!important;}
.dashboard-referral-input-table tbody td{padding:5px 6px!important;background:transparent!important;border-bottom:1px solid rgba(148,163,184,.18)!important;}
.dashboard-referral-input-table select,.dashboard-referral-input-table input{width:100%!important;min-width:0!important;max-width:100%!important;height:34px!important;min-height:34px!important;padding:0 10px!important;border-radius:12px!important;border:1px solid rgba(148,163,184,.28)!important;background:#fff!important;box-shadow:inset 0 1px 2px rgba(15,23,42,.04)!important;font-size:12px!important;color:#0f172a!important;}
.dashboard-referral-input-table input::placeholder{font-size:12px!important;color:#94a3b8!important;}
.dashboard-referral-modal-actions{margin-top:14px!important;display:flex!important;justify-content:flex-end!important;gap:10px!important;}
.dashboard-referral-modal-actions .btn{height:40px!important;min-height:40px!important;border-radius:14px!important;padding:0 16px!important;font-weight:800!important;}
.dashboard-main-card-v2{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(243,247,253,.98))!important;border:1px solid rgba(148,163,184,.18)!important;box-shadow:0 24px 50px rgba(15,23,42,.08)!important;overflow:hidden!important;}
.dashboard-main-table-shell{border:1px solid rgba(148,163,184,.14)!important;border-radius:0 0 26px 26px!important;overflow:hidden!important;background:#fff!important;}
.dashboard-main-table-v2{width:100%!important;min-width:0!important;border-collapse:separate!important;border-spacing:0!important;table-layout:fixed!important;}
.dashboard-main-table-v2 thead th{background:#eef2f7!important;color:#0f172a!important;text-transform:uppercase!important;font-size:12px!important;letter-spacing:.06em!important;padding:12px 12px!important;}
.dashboard-main-table-v2 tbody td{padding:14px 12px!important;background:#fff!important;border-bottom:1px solid rgba(148,163,184,.14)!important;font-size:13px!important;}
.dashboard-main-table-v2 thead th:first-child,.dashboard-main-table-v2 tbody td:first-child{text-align:left!important;padding-left:18px!important;width:62px!important;}
.dashboard-main-table-v2 thead th:nth-child(2),.dashboard-main-table-v2 tbody td:nth-child(2),.dashboard-main-table-v2 thead th:nth-child(3),.dashboard-main-table-v2 tbody td:nth-child(3),.dashboard-main-table-v2 thead th:nth-child(4),.dashboard-main-table-v2 tbody td:nth-child(4),.dashboard-main-table-v2 .amount-center{text-align:center!important;}
.dashboard-main-table-v2 tbody tr:last-child td:first-child{border-bottom-left-radius:26px!important;}
.dashboard-main-table-v2 tbody tr:last-child td:last-child{border-bottom-right-radius:26px!important;}
#tab-dashboard-main .table-empty{padding:18px 12px!important;text-align:center!important;color:#64748b!important;}
@media (max-width: 900px){#dashboard-referral-modal .modal-card.dashboard-referral-modal-card{width:min(620px,calc(100vw - 28px))!important;max-width:min(620px,calc(100vw - 28px))!important}.dashboard-referral-modal-head{padding-right:104px!important}.dashboard-referral-input-table thead th:first-child,.dashboard-referral-input-table tbody td:first-child{width:118px!important}}

/* dashboard main final audit fix */
#dashboard-referral-modal{
  align-items:flex-start !important;
  justify-content:center !important;
  padding:28px 14px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  background:rgba(15,23,42,.68) !important;
  backdrop-filter:blur(8px) !important;
}
#dashboard-referral-modal .modal-card.dashboard-referral-modal-card{
  width:min(640px,calc(100vw - 28px)) !important;
  max-width:min(640px,calc(100vw - 28px)) !important;
  min-width:0 !important;
  margin:0 auto !important;
  padding:16px 16px 14px !important;
  border-radius:26px !important;
  border:1px solid rgba(226,232,240,.95) !important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
  box-shadow:0 30px 80px rgba(15,23,42,.28) !important;
  overflow:hidden !important;
  position:relative !important;
}
#dashboard-referral-close{
  position:absolute !important;
  right:14px !important;
  top:14px !important;
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border-radius:14px !important;
  border:1px solid rgba(248,113,113,.32) !important;
  background:linear-gradient(180deg,#fff5f5 0%,#ffe4e6 100%) !important;
  color:#dc2626 !important;
  font-size:28px !important;
  font-weight:800 !important;
  line-height:1 !important;
  box-shadow:0 10px 24px rgba(220,38,38,.16) !important;
}
#dashboard-referral-close:hover{transform:translateY(-1px) !important; background:linear-gradient(180deg,#ffe4e6 0%,#fecdd3 100%) !important;}
.dashboard-referral-modal-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding-right:110px !important;
  margin-bottom:12px !important;
}
.dashboard-referral-modal-head h3{
  margin:0 !important;
  font-size:1.55rem !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
  color:#0f172a !important;
}
.dashboard-referral-counter{
  margin-right:54px !important;
  min-width:62px !important;
  height:30px !important;
  padding:0 12px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#eef2ff 0%,#e0e7ff 100%) !important;
  border:1px solid rgba(99,102,241,.18) !important;
  color:#4338ca !important;
  font-weight:800 !important;
  font-size:.9rem !important;
}
.dashboard-referral-modal-table-wrap{
  width:100% !important;
  max-width:100% !important;
  overflow:visible !important;
  max-height:none !important;
  border:1px solid rgba(226,232,240,.95) !important;
  border-radius:18px !important;
  background:#fff !important;
}
.dashboard-referral-input-table{
  width:100% !important;
  table-layout:fixed !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
}
.dashboard-referral-input-table thead th{
  padding:10px 12px !important;
  font-size:.78rem !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  background:linear-gradient(180deg,#f8fafc 0%,#eef2f7 100%) !important;
  color:#334155 !important;
}
.dashboard-referral-input-table .col-site-mini,
.dashboard-referral-input-table td:first-child{
  width:136px !important;
}
.dashboard-referral-input-table td{
  padding:5px 8px !important;
  border-top:1px solid rgba(226,232,240,.88) !important;
  vertical-align:middle !important;
  background:#fff !important;
}
.dashboard-referral-site,
.dashboard-referral-input{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  height:36px !important;
  min-height:36px !important;
  border-radius:12px !important;
  border:1px solid rgba(203,213,225,.95) !important;
  background:#fff !important;
  padding:0 12px !important;
  font-size:.92rem !important;
}
.dashboard-referral-input-table tr:last-child td:first-child{border-bottom-left-radius:18px !important;}
.dashboard-referral-input-table tr:last-child td:last-child{border-bottom-right-radius:18px !important;}
.dashboard-referral-modal-actions{
  margin-top:12px !important;
  display:flex !important;
  justify-content:flex-end !important;
  gap:10px !important;
}
.dashboard-referral-modal-actions .btn{
  height:40px !important;
  min-height:40px !important;
  border-radius:14px !important;
  padding:0 16px !important;
}
.dashboard-main-table-shell{
  overflow:hidden !important;
  border-radius:18px !important;
  border:1px solid rgba(226,232,240,.95) !important;
  background:#fff !important;
}
.dashboard-main-table{
  width:100% !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
}
.dashboard-main-table thead th:first-child{border-top-left-radius:18px !important;}
.dashboard-main-table thead th:last-child{border-top-right-radius:18px !important;}
.dashboard-main-table tbody tr:last-child td:first-child{border-bottom-left-radius:18px !important;}
.dashboard-main-table tbody tr:last-child td:last-child{border-bottom-right-radius:18px !important;}
.dashboard-main-table thead th:nth-child(1),
.dashboard-main-table tbody td:nth-child(1){text-align:left !important; width:64px !important;}
.dashboard-main-table thead th:nth-child(2),
.dashboard-main-table tbody td:nth-child(2){text-align:center !important;}
.dashboard-main-table thead th:nth-child(3),
.dashboard-main-table tbody td:nth-child(3),
.dashboard-main-table thead th:nth-child(4),
.dashboard-main-table tbody td:nth-child(4){text-align:center !important;}
.dashboard-main-table tbody td{padding:14px 14px !important;}
@media (max-width: 720px){
  #dashboard-referral-modal .modal-card.dashboard-referral-modal-card{
    width:min(96vw,560px) !important;
    max-width:min(96vw,560px) !important;
    padding:14px 14px 12px !important;
  }
  .dashboard-referral-modal-head{padding-right:96px !important;}
  .dashboard-referral-modal-head h3{font-size:1.28rem !important;}
  .dashboard-referral-input-table .col-site-mini,
  .dashboard-referral-input-table td:first-child{width:122px !important;}
}


/* FINAL DASHBOARD MAIN AUDIT FIX */
#dashboard-referral-modal{align-items:flex-start!important;justify-content:center!important;padding:22px 14px!important;overflow-y:auto!important;overflow-x:hidden!important;}
#dashboard-referral-modal .modal-card.dashboard-referral-modal-card{width:min(640px,calc(100vw - 28px))!important;max-width:min(640px,calc(100vw - 28px))!important;min-width:0!important;margin:12px auto!important;padding:18px 18px 16px!important;border-radius:24px!important;overflow:hidden!important;box-sizing:border-box!important;}
.dashboard-referral-modal-head{padding-right:92px!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;}
.dashboard-referral-modal-head h3{font-size:1.5rem!important;font-weight:900!important;letter-spacing:-.02em!important;}
.dashboard-referral-counter{position:absolute!important;right:54px!important;top:2px!important;padding:8px 12px!important;border-radius:999px!important;background:linear-gradient(135deg,#eef2ff,#e0e7ff)!important;color:#4338ca!important;font-weight:900!important;font-size:.85rem!important;}
#dashboard-referral-close{position:absolute!important;right:0!important;top:-2px!important;width:40px!important;height:40px!important;border-radius:999px!important;border:1px solid rgba(239,68,68,.22)!important;background:linear-gradient(180deg,#fff1f2,#ffe4e6)!important;color:#dc2626!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:26px!important;line-height:1!important;box-shadow:0 12px 26px rgba(220,38,38,.12)!important;transition:transform .16s ease,box-shadow .16s ease,background .16s ease!important;}
#dashboard-referral-close:hover{transform:translateY(-1px)!important;box-shadow:0 18px 30px rgba(220,38,38,.18)!important;background:linear-gradient(180deg,#ffe4e6,#fecdd3)!important;}
.dashboard-referral-modal-table-wrap{width:100%!important;max-width:100%!important;overflow:visible!important;max-height:none!important;border:1px solid rgba(148,163,184,.16)!important;border-radius:18px!important;background:#fff!important;padding:10px!important;box-sizing:border-box!important;}
.dashboard-referral-input-table{width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important;}
.dashboard-referral-input-table thead th{padding:10px 8px!important;background:#f8fafc!important;font-size:.8rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;}
.dashboard-referral-input-table thead th:first-child,.dashboard-referral-input-table tbody td:first-child{width:130px!important;}
.dashboard-referral-input-table tbody td{padding:6px 8px!important;background:#fff!important;box-sizing:border-box!important;}
.dashboard-referral-input-table select,.dashboard-referral-input-table input{width:100%!important;max-width:100%!important;height:40px!important;border-radius:12px!important;font-size:.95rem!important;box-sizing:border-box!important;}
.dashboard-referral-modal-actions{margin-top:12px!important;display:flex!important;justify-content:flex-end!important;gap:10px!important;}
.dashboard-referral-modal-actions .btn{height:40px!important;min-height:40px!important;padding:0 16px!important;border-radius:14px!important;font-weight:800!important;}
.dashboard-main-table-shell{border-radius:0 0 22px 22px!important;overflow:hidden!important;}
.dashboard-main-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;table-layout:fixed!important;}
.dashboard-main-table thead th{background:#f1f5f9!important;padding:12px 10px!important;font-size:.78rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;cursor:pointer;user-select:none;}
.dashboard-main-table thead th:first-child,.dashboard-main-table tbody td:first-child{text-align:left!important;width:58px!important;padding-left:16px!important;}
.dashboard-main-table thead th:nth-child(2),.dashboard-main-table tbody td:nth-child(2),.dashboard-main-table thead th:nth-child(3),.dashboard-main-table tbody td:nth-child(3),.dashboard-main-table thead th:nth-child(4),.dashboard-main-table tbody td:nth-child(4){text-align:center!important;}
.dashboard-main-table tbody td{padding:12px 10px!important;border-bottom:1px solid rgba(148,163,184,.12)!important;}
.dashboard-main-table tbody tr:last-child td:first-child{border-bottom-left-radius:22px!important;}
.dashboard-main-table tbody tr:last-child td:last-child{border-bottom-right-radius:22px!important;}
@media (max-width: 720px){
  #dashboard-referral-modal .modal-card.dashboard-referral-modal-card{width:min(560px,calc(100vw - 18px))!important;max-width:min(560px,calc(100vw - 18px))!important;padding:14px!important;}
  .dashboard-referral-modal-head{padding-right:84px!important;}
  .dashboard-referral-modal-head h3{font-size:1.2rem!important;}
  .dashboard-referral-counter{right:48px!important;font-size:.78rem!important;padding:7px 10px!important;}
  .dashboard-referral-input-table thead th:first-child,.dashboard-referral-input-table tbody td:first-child{width:112px!important;}
}


/* dashboard final alignment */
.dashboard-main-table-shell{overflow:hidden;border-radius:20px;border:1px solid #dbe3f0;background:#f8fbff}
.dashboard-main-table-v2{table-layout:fixed;width:100%;border-collapse:separate;border-spacing:0}
.dashboard-main-table-v2 th,.dashboard-main-table-v2 td{padding:14px 16px;vertical-align:middle}
.dashboard-main-table-v2 .col-no-dashboard{width:68px}
.dashboard-main-table-v2 .col-ref-dashboard{width:auto}
.dashboard-main-table-v2 .col-amt-dashboard{width:154px}
.dashboard-main-table-v2 thead th:nth-child(1),.dashboard-main-table-v2 tbody td:nth-child(1){text-align:left!important}
.dashboard-main-table-v2 thead th:nth-child(2),.dashboard-main-table-v2 tbody td:nth-child(2),.dashboard-main-table-v2 thead th:nth-child(3),.dashboard-main-table-v2 tbody td:nth-child(3),.dashboard-main-table-v2 thead th:nth-child(4),.dashboard-main-table-v2 tbody td:nth-child(4){text-align:center!important}
.dashboard-main-table-v2 tbody td:nth-child(3),.dashboard-main-table-v2 tbody td:nth-child(4){font-variant-numeric:tabular-nums}
.dashboard-main-table-v2 tbody tr:last-child td:first-child{border-bottom-left-radius:18px}
.dashboard-main-table-v2 tbody tr:last-child td:last-child{border-bottom-right-radius:18px}
.sortable-dashboard{position:relative;cursor:pointer;user-select:none}
.sortable-dashboard span{display:inline-flex;align-items:center;gap:8px;justify-content:center;width:100%}
.sortable-dashboard::after{content:'↕';font-size:12px;color:#94a3b8;position:absolute;right:12px;top:50%;transform:translateY(-50%)}
.sortable-dashboard.active::after{content:'↑';color:#4f46e5}
.sortable-dashboard.active.desc::after{content:'↓'}
.dashboard-main-card-v2{overflow:hidden}
.dashboard-main-table-v2 .table-empty{text-align:center!important;padding:18px 12px}

/* FINAL ALIGNMENT + QUIET UI FIXES */
.toast-stack,.app-toast{display:none !important;}
.dashboard-main-table-v2{table-layout:fixed !important;}
.dashboard-main-table-v2 .col-no-dashboard{width:72px !important;}
.dashboard-main-table-v2 .col-ref-dashboard{width:42% !important;}
.dashboard-main-table-v2 .col-amt-dashboard{width:21% !important;}
.dashboard-main-table-v2 thead th,.dashboard-main-table-v2 tbody td{vertical-align:middle !important;}
.dashboard-main-table-v2 thead th:nth-child(1),.dashboard-main-table-v2 tbody td:nth-child(1){padding-left:16px !important;text-align:left !important;}
.dashboard-main-table-v2 thead th:nth-child(2),.dashboard-main-table-v2 tbody td:nth-child(2),.dashboard-main-table-v2 thead th:nth-child(3),.dashboard-main-table-v2 tbody td:nth-child(3),.dashboard-main-table-v2 thead th:nth-child(4),.dashboard-main-table-v2 tbody td:nth-child(4){text-align:center !important;}
.dashboard-main-table-v2 tbody td:nth-child(3),.dashboard-main-table-v2 tbody td:nth-child(4){font-variant-numeric:tabular-nums;letter-spacing:.01em;}
.sortable-dashboard span{justify-content:center !important;padding-right:18px;}
.sortable-dashboard.col-ref-dashboard span,.sortable-dashboard.col-amt-dashboard span{position:relative;}


/* Dashboard referral modal premium bulk add fix */
.btn.btn-premium{background:linear-gradient(135deg,#facc15,#f59e0b)!important;color:#111827!important;border:1px solid rgba(245,158,11,.55)!important;box-shadow:0 10px 22px rgba(245,158,11,.26)!important;font-weight:900!important;}
.btn.btn-premium:hover{transform:translateY(-1px)!important;box-shadow:0 14px 28px rgba(245,158,11,.34)!important;}
.dashboard-referral-modal-table-wrap{max-height:min(62vh,760px)!important;overflow:auto!important;}
.dashboard-referral-modal-actions{justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;}
#dashboard-referral-add-row{min-width:150px!important;}
.dashboard-referral-input-table tbody tr:last-child td{border-bottom:0!important;}

.dashboard-referral-input-table thead th:last-child,.dashboard-referral-input-table tbody td:last-child{text-align:center!important;}
.dashboard-referral-action-col{width:74px!important;}
.dashboard-referral-remove{width:42px;height:42px;border-radius:14px;border:1px solid rgba(239,68,68,.18);background:linear-gradient(180deg,#fff,#fff5f5);color:#dc2626;font-size:24px;font-weight:900;line-height:1;cursor:pointer;box-shadow:0 8px 18px rgba(239,68,68,.08);transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;}
.dashboard-referral-remove:hover{transform:translateY(-1px);box-shadow:0 12px 22px rgba(239,68,68,.15);}
.dashboard-referral-remove:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;}
.dashboard-main-table-v2 tbody{content-visibility:auto;contain-intrinsic-size:480px;}

/* v6 dashboard main table alignment */
.dashboard-main-table-v2 .col-site-dashboard{width:18% !important;}
.dashboard-main-table-v2 .col-ref-dashboard{width:30% !important;}
.dashboard-main-table-v2 .col-amt-dashboard{width:20% !important;}
.dashboard-main-table-v2 thead th:nth-child(1),
.dashboard-main-table-v2 tbody td:nth-child(1){text-align:left !important;padding-left:16px !important;}
.dashboard-main-table-v2 thead th:nth-child(2),
.dashboard-main-table-v2 tbody td:nth-child(2),
.dashboard-main-table-v2 thead th:nth-child(3),
.dashboard-main-table-v2 tbody td:nth-child(3),
.dashboard-main-table-v2 thead th:nth-child(4),
.dashboard-main-table-v2 tbody td:nth-child(4),
.dashboard-main-table-v2 thead th:nth-child(5),
.dashboard-main-table-v2 tbody td:nth-child(5){text-align:center !important;}
.dashboard-main-table-v2 tbody td:nth-child(4),
.dashboard-main-table-v2 tbody td:nth-child(5){font-variant-numeric:tabular-nums;letter-spacing:.01em;}


.dashboard-color-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;border:1px solid rgba(99,102,241,.16);background:linear-gradient(135deg,#ffffff,#eef2ff);color:#4338ca;font-size:12px;font-weight:800;letter-spacing:.04em;box-shadow:0 10px 24px rgba(99,102,241,.12)}
.dashboard-color-btn:hover{transform:translateY(-1px);box-shadow:0 16px 32px rgba(99,102,241,.18)}
.dashboard-main-top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dashboard-main-table thead th.text-left span{justify-content:flex-start!important}
.dashboard-main-table tbody td.text-left{text-align:left!important}
.dashboard-main-table tbody td.text-center,.dashboard-main-table thead th.text-center{text-align:center!important}
.dashboard-data-row td{transition:background .16s ease,border-color .16s ease}
.dashboard-data-row.is-detail td{background:var(--site-row-bg);border-bottom:1px solid var(--site-row-border)}
.dashboard-data-row.is-subtotal td{background:var(--site-row-strong-bg);border-top:1px solid var(--site-row-strong-border);border-bottom:1px solid var(--site-row-strong-border);font-weight:800}
.dashboard-data-row.is-grandtotal td{background:linear-gradient(135deg,rgba(99,102,241,.14),rgba(139,92,246,.12));border-top:1px solid rgba(99,102,241,.26);font-weight:900}
.dashboard-data-row.is-subtotal td:nth-child(3),.dashboard-data-row.is-grandtotal td:nth-child(3){letter-spacing:.02em}
.dashboard-color-modal-card{width:min(920px,96vw)!important;max-width:min(920px,96vw)!important;background:linear-gradient(180deg,#fff,#f7fbff)!important;padding:24px!important;border-radius:28px!important;border:1px solid rgba(99,102,241,.14)!important;box-shadow:0 30px 80px rgba(15,23,42,.2)!important}
.dashboard-color-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.dashboard-color-modal-head h3{margin:0;font-size:1.35rem}
.dashboard-color-badge{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border-radius:999px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;font-size:12px;font-weight:900;letter-spacing:.04em;border:1px solid rgba(245,158,11,.28)}
.dashboard-color-grid{display:grid;grid-template-columns:1fr;gap:12px;max-height:min(62vh,680px);overflow:auto;padding-right:4px}
.dashboard-color-item{padding:14px 16px;border-radius:20px;background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid rgba(148,163,184,.16);box-shadow:0 10px 28px rgba(15,23,42,.06)}
.dashboard-color-item-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.dashboard-color-item-head strong{font-size:1rem;color:#0f172a}
.dashboard-color-controls{display:grid;grid-template-columns:56px 120px repeat(6,32px);gap:10px;align-items:center}
.dashboard-color-picker{width:56px;height:42px;border:none;border-radius:14px;background:transparent;padding:0;cursor:pointer}
.dashboard-color-hex{height:42px;border-radius:14px;border:1px solid rgba(148,163,184,.22);background:#fff;padding:0 12px;font-weight:800;color:#334155;text-transform:uppercase}
.dashboard-color-chip{width:32px;height:32px;border-radius:999px;border:2px solid rgba(255,255,255,.9);background:var(--chip);box-shadow:0 8px 16px rgba(15,23,42,.14);cursor:pointer}
.dashboard-color-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}
@media (max-width:900px){.dashboard-color-controls{grid-template-columns:56px 1fr repeat(3,32px);row-gap:10px}.dashboard-color-modal-head{flex-direction:column;align-items:flex-start}}


/* v8 dashboard main enhancements */
.dashboard-main-table-v2 thead th{font-weight:900!important}
.sortable-dashboard.active span{font-weight:900!important;color:#312e81}
.dashboard-main-table-v2 tbody tr.dashboard-group-row td{background:linear-gradient(180deg,var(--site-row-strong-bg),rgba(255,255,255,.96))!important;border-top:1px solid var(--site-row-strong-border)!important;border-bottom:1px solid var(--site-row-border)!important;font-weight:800}
.dashboard-main-table-v2 tbody tr.dashboard-group-row:hover td{background:linear-gradient(180deg,var(--site-row-strong-bg),rgba(248,250,252,.98))!important}
.dashboard-main-table-v2 tbody tr.dashboard-data-row.is-detail td{background:var(--site-row-bg)!important;border-bottom:1px solid var(--site-row-border)!important}
.dashboard-main-table-v2 tbody tr.dashboard-data-row.is-subtotal td{background:linear-gradient(180deg,var(--site-row-strong-bg),rgba(255,255,255,.98))!important;border-top:1px dashed var(--site-row-strong-border)!important;border-bottom:1px solid var(--site-row-border)!important;font-weight:800}
.dashboard-main-table-v2 tbody tr.dashboard-data-row.is-grandtotal td{background:linear-gradient(135deg,#0f172a,#1e293b)!important;color:#fff!important;border-top:1px solid rgba(255,255,255,.08)!important;font-weight:900}
.dashboard-main-table-v2 tbody tr.dashboard-data-row.is-grandtotal td.positive,.dashboard-main-table-v2 tbody tr.dashboard-data-row.is-grandtotal td.negative{color:#fff!important}
.dashboard-group-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0;border:0;background:transparent;font:inherit;color:inherit;cursor:pointer}
.dashboard-group-toggle-icon{font-size:12px;line-height:1;color:#334155}
.dashboard-group-dot{width:10px;height:10px;border-radius:999px;background:var(--site-dot,#6366f1);box-shadow:0 0 0 4px rgba(99,102,241,.14)}
.dashboard-group-label{font-weight:900;letter-spacing:.01em}
.dashboard-group-count{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid rgba(148,163,184,.18);font-size:12px;font-weight:800;color:#334155}
.dashboard-main-table-v2 tbody tr.dashboard-group-row.is-collapsed + tr.dashboard-data-row.is-detail td{border-top:0}
.dashboard-color-item{display:flex;flex-direction:column;gap:14px;padding:16px 18px;border-radius:22px;border:1px solid rgba(99,102,241,.14);background:linear-gradient(180deg,#fff,rgba(244,247,255,.96));box-shadow:0 14px 36px rgba(15,23,42,.06)}
.dashboard-color-item-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.dashboard-color-item-head strong{font-size:14px;color:#0f172a}
.dashboard-color-controls{display:grid;grid-template-columns:56px minmax(0,1fr) repeat(6,30px);gap:8px;align-items:center}
.dashboard-color-picker{width:56px;height:42px;padding:0;border-radius:14px;border:1px solid rgba(148,163,184,.22);background:#fff}
.dashboard-color-hex{height:42px;border-radius:14px;border:1px solid rgba(148,163,184,.22);padding:0 12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.dashboard-color-chip{width:30px;height:30px;border-radius:999px;border:1px solid rgba(15,23,42,.08);background:var(--chip);box-shadow:0 8px 18px rgba(15,23,42,.08)}
.dashboard-color-chip:hover{transform:translateY(-1px)}
.dashboard-color-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
@media (max-width: 860px){.dashboard-color-controls{grid-template-columns:56px minmax(0,1fr);}.dashboard-color-chip{width:36px;height:36px}}

/* LOG TIME FULL DISPLAY FIX */
.log-table th:nth-child(1),
.log-table td:nth-child(1),
.history-table th:nth-child(1),
.history-table td:nth-child(1){
  width: 190px !important;
  min-width: 190px !important;
  max-width: 190px !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-variant-numeric: tabular-nums !important;
}

.log-table td:nth-child(1),
.history-table td:nth-child(1){
  letter-spacing: .01em;
}

.log-table,
.history-table{
  table-layout: fixed !important;
}

/* === SAFE COMPACT UI PATCH (target feel: browser zoom 90% at 100%) === */
:root{
  --compact-scale: .90;
  --compact-radius-lg: 24px;
  --compact-radius-md: 14px;
  --compact-radius-sm: 12px;
}
html{font-size:90%;}
body{font-size:14px;line-height:1.42;}
.app-shell{grid-template-columns:252px minmax(0,1fr)!important;}
.sidebar{padding:18px 14px!important;}
.brand-wrap{gap:12px!important;}
.brand-icon{width:38px!important;height:38px!important;}
.brand-icon.large{width:64px!important;height:64px!important;margin-bottom:14px!important;}
.nav-list{gap:8px!important;margin-top:20px!important;}
.nav-btn{padding:11px 13px!important;border-radius:14px!important;}
.sidebar-bottom-actions{margin-top:18px!important;}
.content{padding:18px!important;}
.content-inner{max-width:1360px!important;gap:16px!important;}
.hero-card,.card,.dash-card,.queue-card,.history-card,.data-card,.site-health,.table-card,.dashboard-card,.filter-card,.glass-card,.modal-card,.summary-pill,.metric-grid>div{border-radius:24px!important;}
.hero-card{padding:22px 24px!important;}
.hero-card h1{font-size:34px!important;line-height:1.08!important;}
.status-panel{gap:9px!important;}
.pill{padding:8px 12px!important;gap:6px!important;}
.dashboard-strip,.cards-grid,.site-status-grid,.history-grid,.site-management-grid,.data-card-grid,.stack-list{gap:14px!important;}
.dash-card{padding:18px 20px!important;gap:8px!important;}
.dash-card strong{font-size:31px!important;}
.tab-panel.active{gap:16px!important;}
.panel-head,.card-head,.row{gap:10px!important;}
.card,.transaction-card,.site-card,.history-card,.queue-card{padding:18px!important;}
.glass-card{padding:17px 17px 14px!important;}
.section-caption{margin-bottom:12px!important;}
.section-caption strong{font-size:18px!important;}
.btn{padding:10px 14px!important;border-radius:12px!important;}
input,select,textarea{padding:10px 12px!important;border-radius:12px!important;}
.filter-card{gap:12px!important;}
.filter-row,.player-filter-row,.log-filters{gap:10px!important;}
.quick-dates,.pill-row,.site-tabs,.action-row,.command-actions{gap:8px!important;}
.site-pill,.mini-btn{padding:8px 13px!important;}
.summary-pill{padding:13px 15px!important;border-radius:18px!important;}
.summary-pill strong{font-size:21px!important;}
.metric-grid>div{padding:12px 14px!important;border-radius:16px!important;}
.metric-grid strong{font-size:17px!important;}
.data-card-head{margin:10px 0 12px!important;}
.data-card-head strong{font-size:18px!important;}
.log-entry{border-radius:18px!important;padding:6px 13px!important;}
.log-entry summary{padding:8px 0!important;gap:8px!important;}
.site-health{padding:16px!important;}
.modal-card,.dashboard-color-modal-card{width:min(880px,95vw)!important;max-width:min(880px,95vw)!important;padding:20px!important;border-radius:24px!important;}
.table-shell{border-radius:18px!important;}
.table-shell.compact-scroll{max-height:63vh!important;}
.data-table,.log-table,.history-table,.player-table,.dashboard-main-table,.dashboard-main-table-v2{font-size:13px!important;}
.data-table thead th,.data-table tbody td,.log-table th,.log-table td,.history-table th,.history-table td,.player-table th,.player-table td,.dashboard-main-table th,.dashboard-main-table td,.dashboard-main-table-v2 th,.dashboard-main-table-v2 td{padding:10px 9px!important;line-height:1.2!important;}
.player-table{min-width:1340px!important;}
.player-table .col-no{width:56px!important}.player-table .col-site{width:108px!important}.player-table .col-user{width:154px!important}.player-table .col-referral{width:136px!important}.player-table .col-saldo{width:124px!important}.player-table .col-bank{width:300px!important}.player-table .col-date{width:170px!important}.player-table .col-turnover{width:134px!important}.player-table .col-winlose{width:134px!important}
.player-table td.user-sticky,.player-table th.col-user{left:164px!important;}
.dashboard-main-table-v2,.dashboard-main-table{font-size:13px!important;}
.dashboard-group-count,.dashboard-color-btn,.dashboard-color-badge{font-size:11px!important;}
.dashboard-color-item{padding:14px 16px!important;border-radius:20px!important;gap:12px!important;}
.dashboard-color-item-head strong{font-size:13px!important;}
.dashboard-color-controls{gap:7px!important;grid-template-columns:52px minmax(0,1fr) repeat(6,28px)!important;}
.dashboard-color-picker{width:52px!important;height:38px!important;}
.dashboard-color-hex{height:38px!important;}
.dashboard-color-chip{width:28px!important;height:28px!important;}
.login-card{padding:22px!important;border-radius:22px!important;}
.login-form{gap:12px!important;}
footer.global-footer{font-size:12px!important;}
@media (max-width:1600px){
  .content-inner{max-width:100%!important;}
}
@media (max-width:1280px){
  .app-shell{grid-template-columns:228px minmax(0,1fr)!important;}
  .content{padding:14px!important;}
  .hero-card h1{font-size:30px!important;}
  .player-table{min-width:1260px!important;}
  .player-table td.user-sticky,.player-table th.col-user{left:154px!important;}
}
@media (max-width:900px){
  html{font-size:100%;}
  .app-shell{grid-template-columns:1fr!important;}
  .sidebar{position:relative;height:auto!important;}
  .content,.content-inner{padding:0!important;max-width:100%!important;}
  .hero-card h1{font-size:28px!important;}
}

/* === v99 enterprise sidebar + layout final fix === */
:root{
  --sidebar-w: 292px;
  --sidebar-pad-x: 14px;
  --sidebar-pad-y: 18px;
  --menu-gap: 10px;
  --menu-radius: 16px;
}
html,body{
  overflow-x:hidden;
}
body{
  background:linear-gradient(180deg,#eff4fb 0%,#e8eef7 100%) !important;
}
.app-shell{
  width:100%;
  min-height:100vh;
  display:grid !important;
  grid-template-columns:var(--sidebar-w) minmax(0,1fr) !important;
  align-items:stretch;
}
.sidebar{
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  height:100vh !important;
  position:sticky !important;
  top:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  padding:var(--sidebar-pad-y) var(--sidebar-pad-x) 16px !important;
  background:linear-gradient(180deg,#dce4ef 0%,#d4ddea 48%,#ced8e7 100%) !important;
  border-right:1px solid rgba(15,23,42,.08) !important;
  box-shadow:inset -1px 0 0 rgba(255,255,255,.28) !important;
  overflow:hidden !important;
}
.sidebar > div:first-child{
  display:flex !important;
  flex-direction:column !important;
  min-height:0 !important;
  flex:1 1 auto !important;
}
.brand-wrap.side{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:4px 6px 10px !important;
}
.brand-wrap.side strong{
  display:block;
  font-size:17px;
  line-height:1.1;
  letter-spacing:.01em;
  color:#111827 !important;
}
.brand-wrap .eyebrow{
  margin:0 0 3px !important;
  font-size:11px !important;
  letter-spacing:.18em !important;
  color:#6b7280 !important;
}
.brand-icon{
  width:40px !important;
  height:40px !important;
  flex:0 0 40px !important;
}
.sidebar-groups{
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
  flex:1 1 auto !important;
  min-height:0 !important;
  padding-top:8px !important;
}
.nav-list,
.nav-list-top,
.nav-list-bottom,
.sidebar-mid-menu{
  display:grid !important;
  gap:var(--menu-gap) !important;
  min-width:0 !important;
}
.nav-list{margin-top:0 !important;}
.sidebar-mid-menu{
  padding:18px 0 !important;
  margin:2px 0 !important;
  border-top:1px solid rgba(148,163,184,.32) !important;
  border-bottom:1px solid rgba(148,163,184,.32) !important;
}
.sidebar-spacer{
  flex:1 1 auto !important;
  min-height:32px !important;
}
.nav-btn{
  width:100% !important;
  min-width:0 !important;
  min-height:50px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  padding:0 16px !important;
  border-radius:var(--menu-radius) !important;
  background:rgba(255,255,255,.52) !important;
  color:#162132 !important;
  border:1px solid rgba(15,23,42,.08) !important;
  box-shadow:0 6px 16px rgba(15,23,42,.05), inset 0 1px 0 rgba(255,255,255,.55) !important;
  font-size:13px !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  transform:none !important;
}
.nav-btn:hover,
.nav-btn.active{
  background:linear-gradient(135deg,#edf4ff 0%,#dce9ff 100%) !important;
  color:#0f172a !important;
  border-color:rgba(76,125,219,.38) !important;
  box-shadow:0 10px 22px rgba(76,125,219,.12), inset 0 1px 0 rgba(255,255,255,.7) !important;
  transform:none !important;
}
.nav-btn:focus-visible{
  outline:none !important;
  box-shadow:0 0 0 3px rgba(91,141,239,.18), 0 10px 22px rgba(76,125,219,.12) !important;
}
.sidebar-bottom-actions{
  margin-top:auto !important;
  padding-top:18px !important;
  border-top:1px solid rgba(148,163,184,.24) !important;
}
.logout{
  width:100% !important;
  min-height:46px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:14px !important;
  margin-top:0 !important;
  font-weight:800 !important;
  background:linear-gradient(135deg,#ff7b7b 0%,#ff616d 100%) !important;
  border:1px solid rgba(255,255,255,.28) !important;
  color:#fff !important;
  box-shadow:0 10px 20px rgba(255,97,109,.18) !important;
}
.content{
  min-width:0 !important;
  width:100% !important;
  padding:20px 20px 12px !important;
}
.content-inner{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  gap:16px !important;
}
.card,.hero-card,.table-card,.filter-card,.summary-pill,.dash-card{
  border-radius:20px !important;
}
.panel-head-inline,
.section-caption,
.card-head,
.panel-head{
  align-items:center !important;
}
#tab-data-player .filter-card{
  padding:18px !important;
}
#tab-data-player .player-filter-row.player-filter-v2{
  display:grid !important;
  grid-template-columns:minmax(0,1.4fr) minmax(360px,.95fr) auto !important;
  align-items:end !important;
  gap:16px !important;
}
#tab-data-player .player-main-fields{
  display:grid !important;
  grid-template-columns:minmax(160px,1.05fr) minmax(160px,1fr) minmax(160px,1fr) !important;
  gap:14px !important;
}
#tab-data-player .player-field{
  gap:7px !important;
  font-size:13px !important;
  font-weight:700 !important;
  color:#64748b !important;
}
#tab-data-player .player-field > select,
#tab-data-player .player-field > input[type="text"],
#tab-data-player .player-date-field .filter-date-input{
  height:46px !important;
  border-radius:14px !important;
  font-size:14px !important;
}
#tab-data-player .player-date-cluster{
  display:grid !important;
  grid-template-columns:minmax(132px,1fr) 16px minmax(132px,1fr) auto !important;
  align-items:end !important;
  gap:10px !important;
}
#tab-data-player .player-date-field .date-field,
#tab-data-player .player-date-field .filter-date{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:46px !important;
}
#tab-data-player .player-date-cluster .date-range-separator{
  width:16px !important;
  min-width:16px !important;
  height:46px !important;
  font-size:18px !important;
}
#tab-data-player .player-date-toggle{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:46px !important;
  padding:0 2px !important;
}
#tab-data-player .player-date-toggle input,
#tab-data-player .player-active-toggle input{
  width:17px !important;
  height:17px !important;
}
#tab-data-player .player-action-cluster{
  display:flex !important;
  align-items:end !important;
  gap:14px !important;
  justify-self:end !important;
}
#tab-data-player .player-active-toggle{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  height:46px !important;
  padding:0 !important;
  white-space:nowrap !important;
  color:#0f172a !important;
}
#tab-data-player .player-action-cluster #load-player-data{
  min-width:132px !important;
  height:46px !important;
  padding:0 18px !important;
  border-radius:14px !important;
}
#tab-data-player .site-tabs{
  gap:10px !important;
}
#tab-data-player .summary-strip{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
}
#tab-data-player .summary-pill{
  padding:18px 20px !important;
}
#tab-data-player .table-card{
  padding:18px !important;
}
#tab-data-player .pagination{
  justify-content:flex-end !important;
}
#tab-data-player .table-wrap{
  border-radius:16px !important;
}
#tab-data-player .player-table{
  min-width:1420px !important;
}
#tab-data-player .player-table thead th{
  top:0 !important;
  background:#f3f7fd !important;
  color:#24324a !important;
}
#tab-data-player .player-table tbody td{
  color:#162132 !important;
}
#tab-data-player .player-table .bank-cell,
#tab-data-player .player-table .date-cell,
#tab-data-player .player-table .amount-cell{
  color:inherit !important;
}
@media (max-width:1360px){
  :root{--sidebar-w:276px;}
  .app-shell{grid-template-columns:var(--sidebar-w) minmax(0,1fr) !important;}
  #tab-data-player .player-filter-row.player-filter-v2{
    grid-template-columns:1fr !important;
  }
  #tab-data-player .player-action-cluster{
    justify-self:start !important;
  }
}
@media (max-width:1180px){
  .app-shell{grid-template-columns:1fr !important;}
  .sidebar{
    position:relative !important;
    height:auto !important;
  }
  .sidebar-groups{gap:14px !important;}
  .sidebar-spacer{display:none !important;}
  .sidebar-bottom-actions{margin-top:16px !important;}
  .content{padding:16px !important;}
  #tab-data-player .player-main-fields,
  #tab-data-player .summary-strip{
    grid-template-columns:1fr !important;
  }
}
@media (max-width:820px){
  #tab-data-player .player-date-cluster,
  #tab-data-player .player-action-cluster{
    grid-template-columns:1fr !important;
    flex-wrap:wrap !important;
    justify-self:stretch !important;
  }
  #tab-data-player .player-date-cluster .date-range-separator{
    display:none !important;
  }
}

/* === Final Polishing Stage 2: enterprise player filter + dashboard density === */
.app-shell{
  grid-template-columns: 288px minmax(0,1fr);
}
.sidebar{
  padding:20px 14px 16px;
  gap:16px;
}
.sidebar-top{
  min-height:0;
  display:flex;
  flex-direction:column;
}
.nav-list{
  gap:9px;
}
.nav-btn{
  width:100%;
  min-height:52px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 16px !important;
  border-radius:15px !important;
  line-height:1.2;
}
.sidebar-bottom-actions{
  margin-top:auto !important;
  padding-top:14px;
}
.logout{
  min-height:48px;
}

.content{
  padding:18px 20px 14px;
}
.content-inner,
.tab-panel.active{
  gap:16px;
}
.card,
.filter-card,
.table-card,
.hero-card,
.dash-card,
.queue-card,
.history-card,
.data-card,
.site-health,
.dashboard-card{
  border-radius:22px !important;
}
.panel-head,
.card-head,
.section-caption,
.data-card-top,
.queue-head,
.history-head,
.site-health-top{
  gap:12px;
}

/* Player filter layout */
.player-filter-row.player-filter-v2{
  display:grid !important;
  grid-template-columns: minmax(0,1.55fr) minmax(520px,1.2fr) auto;
  align-items:end !important;
  gap:16px !important;
}
.player-main-fields{
  display:grid;
  grid-template-columns: minmax(150px,1fr) minmax(160px,1fr) minmax(160px,1fr);
  gap:14px;
  min-width:0;
}
.player-field{
  display:grid;
  gap:8px;
  min-width:0;
}
.player-field > span,
.player-field,
.player-active-toggle span,
.checkbox-wrap span{
  line-height:1.15;
}
.player-field input,
.player-field select,
.filter-date-input{
  height:48px;
  padding:12px 14px;
  border-radius:14px;
}
.player-date-cluster{
  display:grid !important;
  grid-template-columns: minmax(150px,1fr) auto minmax(150px,1fr) auto;
  align-items:end;
  gap:12px;
  min-width:0;
}
.player-date-field{
  min-width:0;
}
.player-date-field .date-field{
  width:100%;
}
.player-date-field .filter-date,
.filter-date{
  min-width:0;
}
.player-date-field .filter-date-input{
  width:100%;
  padding-right:42px;
  font-variant-numeric:tabular-nums;
}
.player-date-field .date-trigger,
.filter-date .date-trigger{
  width:34px;
  height:34px;
  right:8px;
  border-radius:10px;
  display:grid;
  place-items:center;
}
.date-range-separator{
  align-self:end;
  display:flex;
  align-items:center;
  justify-content:center;
  height:48px;
  padding:0 2px;
  font-size:18px;
  font-weight:700;
  color:var(--muted);
}
.player-date-toggle{
  align-self:end;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:44px;
  min-width:44px;
  height:48px;
  margin:0 !important;
  padding:0 !important;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.04);
}
.player-date-toggle input,
.player-active-toggle input,
.checkbox-wrap input[type="checkbox"]{
  width:16px;
  height:16px;
  margin:0;
  accent-color:var(--brand);
}
.player-action-cluster{
  display:flex;
  align-items:end;
  justify-content:flex-end;
  gap:12px;
  flex-wrap:nowrap;
}
.player-active-toggle{
  min-height:48px;
  display:inline-flex !important;
  align-items:center;
  gap:10px;
  padding:0 6px 0 2px;
  white-space:nowrap;
}
.btn-premium,
#load-player-data{
  min-width:128px;
  height:48px;
  padding:0 20px !important;
  border-radius:14px !important;
  white-space:nowrap;
}

/* Summary and panel spacing */
#player-summary,
.summary-strip{
  gap:14px !important;
}
.summary-pill{
  min-height:96px;
  padding:18px 20px !important;
  border-radius:18px !important;
}

/* Table density and polish */
.table-card{
  padding:16px 16px 14px !important;
}
.section-caption{
  margin-bottom:10px;
}
.pagination{
  gap:10px;
  margin-top:14px;
}
.table-wrap{
  border-radius:18px !important;
}
.data-table thead th{
  padding:13px 12px !important;
}
.data-table tbody td{
  padding:11px 12px !important;
}
.player-table .col-no{width:60px !important}
.player-table .col-site{width:110px !important}
.player-table .col-user{width:170px !important}
.player-table .col-referral{width:150px !important}
.player-table .col-saldo{width:126px !important}
.player-table .col-bank{width:320px !important}
.player-table .col-date{width:180px !important}
.player-table .col-turnover{width:140px !important}
.player-table .col-winlose{width:140px !important}
.player-table td.user-sticky,
.player-table th.col-user{
  left:170px !important;
}

/* Enterprise interactive states */
.btn,
.nav-btn,
.site-pill,
.mini-btn,
.data-table tbody tr,
input,
select,
.date-trigger,
.checkbox-wrap,
.summary-pill,
.card,
.table-wrap{
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease,color .18s ease,opacity .18s ease;
}
.btn:hover,
.nav-btn:hover,
.site-pill:hover,
.mini-btn:hover{
  transform:translateY(-1px);
}
.btn:focus-visible,
.nav-btn:focus-visible,
.site-pill:focus-visible,
.mini-btn:focus-visible,
input:focus-visible,
select:focus-visible,
.date-trigger:focus-visible,
.checkbox-wrap:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(110,168,255,.18);
  border-color:rgba(110,168,255,.42) !important;
}
.card:hover,
.summary-pill:hover,
.table-wrap:hover{
  box-shadow:0 16px 36px rgba(15,23,42,.10) !important;
}

/* Responsive tightening */
@media (max-width:1360px){
  .player-filter-row.player-filter-v2{
    grid-template-columns: 1fr;
  }
  .player-main-fields,
  .player-date-cluster{
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  .player-date-cluster{
    grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto;
  }
  .player-action-cluster{
    justify-content:flex-start;
  }
}

@media (max-width:1100px){
  .app-shell{grid-template-columns:1fr;}
  .sidebar{position:relative;height:auto;min-height:auto;}
  .content{padding:16px;}
  .player-main-fields{
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width:820px){
  .player-main-fields,
  .player-date-cluster,
  .player-filter-row.player-filter-v2{
    grid-template-columns:1fr !important;
  }
  .player-date-cluster{
    gap:10px;
  }
  .date-range-separator{
    display:none;
  }
  .player-date-toggle{
    width:100%;
    justify-content:flex-start;
    padding:0 14px !important;
    gap:10px;
  }
  .player-date-toggle::after{
    content:'Aktifkan tanggal';
    color:var(--muted);
    font-size:13px;
    font-weight:600;
  }
  .player-action-cluster{
    width:100%;
    flex-wrap:wrap;
    justify-content:flex-start;
  }
  .player-active-toggle,
  .btn-premium,
  #load-player-data{
    width:100%;
  }
  .summary-pill{
    min-height:84px;
  }
}

@media (max-width:640px){
  .content{padding:14px 12px;}
  .card,
  .filter-card,
  .table-card,
  .hero-card,
  .dash-card,
  .queue-card,
  .history-card,
  .data-card,
  .site-health,
  .dashboard-card{
    border-radius:18px !important;
  }
  .nav-btn{min-height:48px;}
}

/* final dashboard utama stat + table tightening */
.dashboard-stat-grid{
  gap:10px!important;
}
.dashboard-stat-card{
  padding:14px 16px 13px!important;
  border-radius:18px!important;
  min-width:0!important;
  overflow:hidden!important;
}
.dashboard-stat-card span{
  font-size:.72rem!important;
  letter-spacing:.045em!important;
  line-height:1.25!important;
}
.dashboard-stat-card strong{
  display:block!important;
  margin-top:6px!important;
  font-size:1.34rem!important;
  line-height:1.12!important;
  letter-spacing:-.02em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-variant-numeric:tabular-nums!important;
}
.dashboard-main-table-shell{
  margin-top:2px!important;
}
.dashboard-main-table-v2{
  table-layout:fixed!important;
}
.dashboard-main-table-v2 thead th{
  padding:10px 8px!important;
  font-size:.72rem!important;
  line-height:1.15!important;
}
.dashboard-main-table-v2 tbody td{
  padding:10px 8px!important;
  font-size:.84rem!important;
  line-height:1.2!important;
}
.dashboard-main-table-v2 .col-no-dashboard{
  width:44px!important;
}
.dashboard-main-table-v2 .col-site-dashboard{
  width:72px!important;
}
.dashboard-main-table-v2 .col-ref-dashboard{
  width:96px!important;
}
.dashboard-main-table-v2 .col-amt-dashboard{
  width:112px!important;
}
.dashboard-main-table-v2 tbody td:nth-child(2),
.dashboard-main-table-v2 tbody td:nth-child(3){
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.dashboard-main-table-v2 tbody td:nth-child(4),
.dashboard-main-table-v2 tbody td:nth-child(5){
  font-size:.8rem!important;
  line-height:1.1!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  text-align:right!important;
  font-variant-numeric:tabular-nums!important;
}
@media (max-width:1600px){
  .dashboard-stat-card strong{
    font-size:1.24rem!important;
  }
  .dashboard-main-table-v2 .col-site-dashboard{
    width:68px!important;
  }
  .dashboard-main-table-v2 .col-ref-dashboard{
    width:88px!important;
  }
  .dashboard-main-table-v2 .col-amt-dashboard{
    width:104px!important;
  }
}
@media (max-width:1400px){
  .dashboard-stat-card strong{
    font-size:1.18rem!important;
  }
}
@media (max-width:760px){
  .dashboard-stat-card strong{
    font-size:1.08rem!important;
  }
  .dashboard-main-table-v2 thead th,
  .dashboard-main-table-v2 tbody td{
    font-size:.78rem!important;
  }
}

/* dashboard utama final numeric compact fix */
.dashboard-stat-card{
  padding:16px 16px 14px!important;
}
.dashboard-stat-card span{
  font-size:.74rem!important;
  letter-spacing:.06em!important;
}
.dashboard-stat-card strong{
  margin-top:6px!important;
  font-size:1.08rem!important;
  line-height:1.05!important;
  letter-spacing:-.03em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-variant-numeric:tabular-nums!important;
}
.dashboard-main-table-v2 thead th{
  font-size:.68rem!important;
  padding:9px 6px!important;
}
.dashboard-main-table-v2 tbody td{
  padding:9px 6px!important;
}
.dashboard-main-table-v2 .col-no-dashboard{width:42px!important}
.dashboard-main-table-v2 .col-site-dashboard{width:66px!important}
.dashboard-main-table-v2 .col-ref-dashboard{width:94px!important}
.dashboard-main-table-v2 .col-amt-dashboard{width:126px!important}
.dashboard-main-table-v2 tbody td:nth-child(4),
.dashboard-main-table-v2 tbody td:nth-child(5){
  font-size:.76rem!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
@media (max-width:1600px){
  .dashboard-stat-card strong{font-size:1rem!important}
  .dashboard-main-table-v2 .col-ref-dashboard{width:88px!important}
  .dashboard-main-table-v2 .col-amt-dashboard{width:118px!important}
}
@media (max-width:1400px){
  .dashboard-stat-card strong{font-size:.96rem!important}
}
@media (max-width:760px){
  .dashboard-stat-card strong{font-size:1rem!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
  .dashboard-main-table-v2 .col-amt-dashboard{width:112px!important}
}

/* Dashboard Utama - final table alignment and truncation polish */
#tab-dashboard-main .dashboard-main-table-v2{
  table-layout:fixed !important;
  width:100% !important;
}
#tab-dashboard-main .dashboard-main-table-v2 thead th,
#tab-dashboard-main .dashboard-main-table-v2 tbody td{
  vertical-align:middle !important;
}
#tab-dashboard-main .dashboard-main-table-v2 .col-no-dashboard{
  width:52px !important;
}
#tab-dashboard-main .dashboard-main-table-v2 .col-site-dashboard{
  width:96px !important;
}
#tab-dashboard-main .dashboard-main-table-v2 .col-ref-dashboard{
  width:112px !important;
}
#tab-dashboard-main .dashboard-main-table-v2 .col-amt-dashboard{
  width:120px !important;
}
#tab-dashboard-main .dashboard-main-table-v2 thead th{
  font-size:.74rem !important;
  padding:10px 8px !important;
  text-align:center !important;
}
#tab-dashboard-main .dashboard-main-table-v2 thead th:first-child,
#tab-dashboard-main .dashboard-main-table-v2 tbody td:first-child{
  text-align:left !important;
  padding-left:14px !important;
}
#tab-dashboard-main .dashboard-main-table-v2 thead th:nth-child(n+2),
#tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(n+2){
  text-align:center !important;
}
#tab-dashboard-main .dashboard-main-table-v2 tbody td{
  padding:9px 8px !important;
  font-size:.84rem !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
#tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(2),
#tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(3){
  font-size:.82rem !important;
  font-weight:700 !important;
}
#tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(4),
#tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(5){
  font-size:.8rem !important;
  font-variant-numeric:tabular-nums !important;
  letter-spacing:-0.01em !important;
}
#tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(2),
#tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(3),
#tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(4),
#tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(5){
  max-width:0 !important;
}
#tab-dashboard-main .dashboard-main-table-v2 .table-empty{
  text-align:center !important;
  white-space:normal !important;
  padding:18px 14px !important;
}

@media (max-width: 1500px){
  #tab-dashboard-main .dashboard-main-table-v2 .col-site-dashboard{width:88px !important;}
  #tab-dashboard-main .dashboard-main-table-v2 .col-ref-dashboard{width:106px !important;}
  #tab-dashboard-main .dashboard-main-table-v2 .col-amt-dashboard{width:114px !important;}
  #tab-dashboard-main .dashboard-main-table-v2 tbody td{font-size:.8rem !important;}
  #tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(4),
  #tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(5){font-size:.77rem !important;}
}

@media (max-width: 1280px){
  #tab-dashboard-main .dashboard-main-table-v2 .col-site-dashboard{width:84px !important;}
  #tab-dashboard-main .dashboard-main-table-v2 .col-ref-dashboard{width:100px !important;}
  #tab-dashboard-main .dashboard-main-table-v2 .col-amt-dashboard{width:108px !important;}
}

/* Dashboard Utama - enterprise alignment final override */
#tab-dashboard-main .dashboard-main-table-shell{
  border-radius:18px !important;
}
#tab-dashboard-main .dashboard-main-table-v2{
  width:100% !important;
  table-layout:fixed !important;
}
#tab-dashboard-main .dashboard-main-table-v2 .col-no-dashboard{
  width:48px !important;
}
#tab-dashboard-main .dashboard-main-table-v2 .col-site-dashboard{
  width:104px !important;
}
#tab-dashboard-main .dashboard-main-table-v2 .col-ref-dashboard{
  width:132px !important;
}
#tab-dashboard-main .dashboard-main-table-v2 .col-amt-dashboard{
  width:108px !important;
}
#tab-dashboard-main .dashboard-main-table-v2 thead th{
  padding:9px 8px !important;
  font-size:.72rem !important;
  line-height:1.15 !important;
  text-align:center !important;
  white-space:nowrap !important;
}
#tab-dashboard-main .dashboard-main-table-v2 thead th > span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  width:100% !important;
}
#tab-dashboard-main .dashboard-main-table-v2 thead th:first-child > span{
  justify-content:flex-start !important;
}
#tab-dashboard-main .dashboard-main-table-v2 tbody td{
  padding:9px 8px !important;
  font-size:.8rem !important;
  line-height:1.15 !important;
  vertical-align:middle !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
#tab-dashboard-main .dashboard-main-table-v2 thead th:first-child,
#tab-dashboard-main .dashboard-main-table-v2 tbody td:first-child{
  text-align:left !important;
  padding-left:14px !important;
}
#tab-dashboard-main .dashboard-main-table-v2 thead th:nth-child(2),
#tab-dashboard-main .dashboard-main-table-v2 thead th:nth-child(3),
#tab-dashboard-main .dashboard-main-table-v2 thead th:nth-child(4),
#tab-dashboard-main .dashboard-main-table-v2 thead th:nth-child(5),
#tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(2),
#tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(3),
#tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(4),
#tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(5){
  text-align:center !important;
}
#tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(2){
  font-size:.81rem !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
}
#tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(3){
  font-size:.79rem !important;
  font-weight:700 !important;
}
#tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(4),
#tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(5){
  font-size:.75rem !important;
  font-weight:800 !important;
  font-variant-numeric:tabular-nums !important;
  letter-spacing:-0.015em !important;
}
#tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(2),
#tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(3),
#tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(4),
#tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(5){
  max-width:0 !important;
}

@media (max-width: 1500px){
  #tab-dashboard-main .dashboard-main-table-v2 .col-site-dashboard{width:98px !important;}
  #tab-dashboard-main .dashboard-main-table-v2 .col-ref-dashboard{width:122px !important;}
  #tab-dashboard-main .dashboard-main-table-v2 .col-amt-dashboard{width:102px !important;}
  #tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(4),
  #tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(5){font-size:.73rem !important;}
}

@media (max-width: 1280px){
  #tab-dashboard-main .dashboard-main-grid{grid-template-columns:1fr !important;}
  #tab-dashboard-main .dashboard-main-card-v2{min-height:auto !important;}
}


/* v36.0 definitive data-player date cluster restore */
#tab-data-player .player-filter-row.player-filter-v2{
  display:grid !important;
  grid-template-columns:minmax(0,1.45fr) auto auto !important;
  align-items:end !important;
  column-gap:16px !important;
  row-gap:14px !important;
}
#tab-data-player .player-main-fields{
  display:grid !important;
  grid-template-columns:minmax(170px,1fr) minmax(170px,1fr) minmax(170px,1fr) !important;
  gap:14px !important;
  min-width:0 !important;
}
#tab-data-player .player-date-cluster{
  display:grid !important;
  grid-template-columns:150px 18px 150px 44px !important;
  align-items:end !important;
  justify-content:start !important;
  column-gap:8px !important;
  row-gap:0 !important;
  min-width:max-content !important;
}
#tab-data-player .player-date-field{
  display:grid !important;
  gap:8px !important;
  min-width:0 !important;
}
#tab-data-player .player-date-field > .date-field,
#tab-data-player .player-date-field > .filter-date,
#tab-data-player .player-date-field .filter-date-input,
#tab-data-player #player-filter-start,
#tab-data-player #player-filter-end{
  width:150px !important;
  min-width:150px !important;
  max-width:150px !important;
}
#tab-data-player .player-date-field .date-field{
  position:relative !important;
  overflow:hidden !important;
  border-radius:14px !important;
}
#tab-data-player .player-date-field .filter-date-input,
#tab-data-player #player-filter-start,
#tab-data-player #player-filter-end{
  height:48px !important;
  padding:12px 38px 12px 14px !important;
  box-sizing:border-box !important;
  font-variant-numeric:tabular-nums !important;
}
#tab-data-player .player-date-field .date-trigger{
  position:absolute !important;
  top:50% !important;
  right:10px !important;
  transform:translateY(-50%) !important;
  width:20px !important;
  height:20px !important;
  margin:0 !important;
  padding:0 !important;
  border:none !important;
  background:transparent !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  z-index:2 !important;
}
#tab-data-player .player-date-cluster .date-range-separator{
  width:18px !important;
  min-width:18px !important;
  height:48px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:end !important;
  margin:0 !important;
  padding:0 !important;
  color:var(--muted) !important;
  font-size:17px !important;
  font-weight:700 !important;
  line-height:1 !important;
}
#tab-data-player .player-date-toggle{
  width:44px !important;
  min-width:44px !important;
  height:48px !important;
  align-self:end !important;
  justify-self:start !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:0 !important;
}
#tab-data-player .player-action-cluster{
  display:flex !important;
  align-items:end !important;
  justify-content:flex-start !important;
  gap:12px !important;
  flex-wrap:nowrap !important;
}
#tab-data-player .player-active-toggle{
  min-height:48px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  white-space:nowrap !important;
  margin:0 !important;
  padding:0 6px 0 2px !important;
}
#tab-data-player #load-player-data{
  min-width:126px !important;
  height:48px !important;
  margin:0 !important;
}
@media (max-width: 1380px){
  #tab-data-player .player-filter-row.player-filter-v2{grid-template-columns:1fr !important;}
  #tab-data-player .player-main-fields{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media (max-width: 980px){
  #tab-data-player .player-main-fields{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width: 820px){
  #tab-data-player .player-main-fields,
  #tab-data-player .player-date-cluster,
  #tab-data-player .player-filter-row.player-filter-v2{grid-template-columns:1fr !important;}
  #tab-data-player .player-date-cluster{min-width:0 !important;row-gap:10px !important;}
  #tab-data-player .player-date-field > .date-field,
  #tab-data-player .player-date-field > .filter-date,
  #tab-data-player .player-date-field .filter-date-input,
  #tab-data-player #player-filter-start,
  #tab-data-player #player-filter-end{width:100% !important;min-width:0 !important;max-width:none !important;}
  #tab-data-player .player-date-cluster .date-range-separator{display:none !important;}
  #tab-data-player .player-date-toggle{width:100% !important;justify-content:flex-start !important;padding:0 14px !important;}
  #tab-data-player .player-date-toggle::after{content:"Aktifkan tanggal";color:var(--muted);font-size:13px;font-weight:600;}
  #tab-data-player .player-action-cluster{flex-wrap:wrap !important;width:100% !important;}
  #tab-data-player .player-active-toggle,
  #tab-data-player #load-player-data{width:100% !important;}
}

/* === 2026-04 dashboard utama + log premium cleanup patch === */
@media (min-width: 1024px){
  #tab-dashboard-main,
  #tab-logs{
    zoom: .94;
  }
}

.dashboard-main-shell{
  gap:18px!important;
}
.dashboard-main-grid{
  gap:18px!important;
  align-items:stretch!important;
}
.dashboard-main-card,
.dashboard-main-card-v2{
  min-height:680px!important;
  border-radius:28px!important;
}
.dashboard-main-topbar{
  gap:12px!important;
  align-items:flex-start!important;
}
.dashboard-main-title-block h3{
  line-height:1.02!important;
  letter-spacing:-.02em!important;
}
.dashboard-filter-row{
  gap:12px!important;
  align-items:end!important;
}
.dashboard-stat-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.dashboard-stat-card{
  padding:14px 16px!important;
  border-radius:18px!important;
}
.dashboard-stat-card span{
  font-size:.7rem!important;
  letter-spacing:.08em!important;
}
.dashboard-stat-card strong{
  font-size:1.14rem!important;
  line-height:1.08!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-variant-numeric:tabular-nums!important;
}

.dashboard-main-table-shell{
  margin-top:4px!important;
  border:1px solid rgba(148,163,184,.16)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  overflow:hidden!important;
}
.dashboard-main-table-v2,
.dashboard-main-table{
  width:100%!important;
  table-layout:fixed!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  font-size:12.5px!important;
}
.dashboard-main-table-v2 thead th,
.dashboard-main-table thead th{
  padding:11px 12px!important;
  font-size:.69rem!important;
  line-height:1.1!important;
  letter-spacing:.08em!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.dashboard-main-table-v2 tbody td,
.dashboard-main-table tbody td{
  padding:11px 12px!important;
  line-height:1.16!important;
  vertical-align:middle!important;
}
.dashboard-main-table-v2 .col-no-dashboard,
.dashboard-main-table .col-no-dashboard{width:9%!important;}
.dashboard-main-table-v2 .col-site-dashboard,
.dashboard-main-table .col-site-dashboard{width:16%!important;}
.dashboard-main-table-v2 .col-ref-dashboard,
.dashboard-main-table .col-ref-dashboard{width:27%!important;}
.dashboard-main-table-v2 .col-amt-dashboard,
.dashboard-main-table .col-amt-dashboard{width:24%!important;}
.dashboard-main-table-v2 thead th:nth-child(1),
.dashboard-main-table-v2 tbody td:nth-child(1),
.dashboard-main-table thead th:nth-child(1),
.dashboard-main-table tbody td:nth-child(1){
  text-align:left!important;
  padding-left:16px!important;
}
.dashboard-main-table-v2 thead th:nth-child(2),
.dashboard-main-table-v2 tbody td:nth-child(2),
.dashboard-main-table thead th:nth-child(2),
.dashboard-main-table tbody td:nth-child(2),
.dashboard-main-table-v2 thead th:nth-child(3),
.dashboard-main-table-v2 tbody td:nth-child(3),
.dashboard-main-table thead th:nth-child(3),
.dashboard-main-table tbody td:nth-child(3){
  text-align:left!important;
}
.dashboard-main-table-v2 thead th:nth-child(4),
.dashboard-main-table-v2 tbody td:nth-child(4),
.dashboard-main-table-v2 thead th:nth-child(5),
.dashboard-main-table-v2 tbody td:nth-child(5),
.dashboard-main-table thead th:nth-child(4),
.dashboard-main-table tbody td:nth-child(4),
.dashboard-main-table thead th:nth-child(5),
.dashboard-main-table tbody td:nth-child(5){
  text-align:right!important;
}
.dashboard-main-table-v2 tbody td:nth-child(2),
.dashboard-main-table-v2 tbody td:nth-child(3),
.dashboard-main-table tbody td:nth-child(2),
.dashboard-main-table tbody td:nth-child(3){
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.dashboard-main-table-v2 tbody td:nth-child(4),
.dashboard-main-table-v2 tbody td:nth-child(5),
.dashboard-main-table tbody td:nth-child(4),
.dashboard-main-table tbody td:nth-child(5){
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:.82rem!important;
  font-weight:700!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:-.01em!important;
}
.dashboard-main-table-v2 thead th span,
.dashboard-main-table thead th span{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
}
.dashboard-main-table-v2 tbody tr:last-child td:first-child,
.dashboard-main-table tbody tr:last-child td:first-child{
  border-bottom-left-radius:18px!important;
}
.dashboard-main-table-v2 tbody tr:last-child td:last-child,
.dashboard-main-table tbody tr:last-child td:last-child{
  border-bottom-right-radius:18px!important;
}
.dashboard-main-table-v2 .table-empty,
.dashboard-main-table .table-empty{
  padding:18px 14px!important;
  text-align:center!important;
  white-space:normal!important;
  line-height:1.35!important;
}

#tab-logs .panel-head,
#tab-logs .cards-grid{
  gap:14px!important;
}
#tab-logs .card{
  padding:16px!important;
  border-radius:22px!important;
}
#tab-logs .section-caption{
  margin-bottom:10px!important;
}
#tab-logs .log-filters.slim{
  grid-template-columns:minmax(0,1.25fr) 170px 170px!important;
  gap:10px!important;
}
#tab-logs .log-filters select{
  min-height:40px!important;
  font-size:12.5px!important;
}
#tab-logs .table-wrap{
  border-radius:18px!important;
}
#tab-logs .log-table{
  width:100%!important;
  table-layout:fixed!important;
  font-size:12px!important;
}
#tab-logs .log-table th,
#tab-logs .log-table td{
  padding:9px 10px!important;
  line-height:1.2!important;
  vertical-align:middle!important;
}
#tab-logs .log-table th:nth-child(1),
#tab-logs .log-table td:nth-child(1){width:150px!important;min-width:150px!important;max-width:150px!important;}
#tab-logs .log-table th:nth-child(2),
#tab-logs .log-table td:nth-child(2){width:90px!important;}
#tab-logs .log-table th:nth-child(3),
#tab-logs .log-table td:nth-child(3){width:88px!important;}
#tab-logs .log-table th:nth-child(5),
#tab-logs .log-table td:nth-child(5){width:62px!important;}
#tab-logs .log-table th:nth-child(6),
#tab-logs .log-table td:nth-child(6){width:92px!important;}
#tab-logs .log-table td:nth-child(4),
#tab-logs .log-table td:nth-child(6){
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
#tab-logs .log-entry,
#tab-logs .table-details summary{
  font-size:11.5px!important;
}

@media (max-width: 1480px){
  .dashboard-main-table-v2,
  .dashboard-main-table{
    font-size:12px!important;
  }
  .dashboard-main-table-v2 .col-site-dashboard,
  .dashboard-main-table .col-site-dashboard{width:17%!important;}
  .dashboard-main-table-v2 .col-ref-dashboard,
  .dashboard-main-table .col-ref-dashboard{width:25%!important;}
  .dashboard-main-table-v2 .col-amt-dashboard,
  .dashboard-main-table .col-amt-dashboard{width:24.5%!important;}
}

@media (max-width: 1100px){
  .dashboard-main-grid{grid-template-columns:1fr!important;}
  .dashboard-main-card,
  .dashboard-main-card-v2{min-height:auto!important;}
  #tab-dashboard-main,
  #tab-logs{zoom:1!important;}
  #tab-logs .log-filters.slim{grid-template-columns:1fr!important;}
}

/* === v100 sidebar diam saat content scroll === */
@media (min-width:901px){
  html,body{
    height:100%;
    overflow:hidden !important;
  }
  body{
    min-height:100vh;
  }
  .app-shell{
    height:100vh !important;
    min-height:100vh !important;
    overflow:hidden !important;
  }
  .sidebar{
    position:sticky !important;
    top:0 !important;
    align-self:start !important;
    height:100vh !important;
    max-height:100vh !important;
    overflow:hidden !important;
  }
  .content{
    height:100vh !important;
    max-height:100vh !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain;
    padding-right:18px !important;
    scrollbar-gutter:stable both-edges;
  }
  .content-inner{
    min-height:min-content;
    padding-bottom:24px !important;
  }
}

@media (max-width:900px){
  html,body{
    height:auto;
    overflow-x:hidden !important;
    overflow-y:auto !important;
  }
  .app-shell{
    height:auto !important;
    overflow:visible !important;
  }
  .content{
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
    padding-right:0 !important;
  }
}


/* ===== Premium redesign: dashboard main, logs, history ===== */
#tab-dashboard-main,
#tab-logs,
#tab-history{gap:24px!important}

.dashboard-main-hero-premium{
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  gap:18px;
  padding:24px 28px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:30px;
  background:linear-gradient(135deg,#ffffff 0%,#f7fbff 58%,#eef4ff 100%);
  box-shadow:0 24px 60px rgba(15,23,42,.07), inset 0 1px 0 rgba(255,255,255,.9);
}
.dashboard-main-hero-copy{display:grid;gap:10px;max-width:760px}
.dashboard-main-hero-premium h2{margin:0;font-size:34px;line-height:1.05;color:#0f172a}
.dashboard-main-hero-note{margin:0;color:#475569;font-size:14px;line-height:1.7;max-width:720px}
.dashboard-main-hero-mini-stats{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:12px;min-width:280px}
.hero-mini-stat{display:grid;align-content:space-between;gap:18px;padding:18px;border-radius:24px;background:rgba(255,255,255,.75);border:1px solid rgba(148,163,184,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}
.hero-mini-stat span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#64748b;font-weight:800}
.hero-mini-stat strong{font-size:22px;color:#0f172a;line-height:1.1}
.dashboard-main-topbar-premium{padding-bottom:14px;border-bottom:1px solid rgba(148,163,184,.14)}
.dashboard-panel-kicker{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:6px 10px;border-radius:999px;background:#eaf2ff;color:#2454c5;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.dashboard-panel-subtitle{margin:0;color:#64748b;font-size:13px;line-height:1.5}
.dashboard-control-shell{display:grid;gap:16px;padding:18px;border-radius:24px;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);border:1px solid rgba(148,163,184,.14)}
.dashboard-filter-row-premium{grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end}
.dashboard-filter-field-premium span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#64748b}
.dashboard-filter-field-premium select{height:48px;border-radius:16px;background:#fff;border:1px solid #dbe4f0;box-shadow:inset 0 1px 0 rgba(255,255,255,.95)}
.dashboard-stat-grid-premium{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.dashboard-stat-card-premium{position:relative;display:grid;gap:8px;min-height:118px;padding:18px 20px;border-radius:24px;border:1px solid rgba(148,163,184,.14);background:linear-gradient(180deg,#ffffff 0%,#f6faff 100%);box-shadow:0 12px 30px rgba(15,23,42,.05)}
.dashboard-stat-card-premium span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#64748b}
.dashboard-stat-card-premium strong{font-size:clamp(1.15rem,1.6vw,1.85rem)!important;line-height:1.08;letter-spacing:-.03em;word-break:break-word;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;color:#0f172a}
.dashboard-stat-card-premium small{font-size:12px;color:#64748b;line-height:1.45}
.dashboard-stat-card-turnover:before,.dashboard-stat-card-winlose:before{content:"";position:absolute;left:18px;right:18px;top:0;height:3px;border-radius:999px}
.dashboard-stat-card-turnover:before{background:linear-gradient(90deg,#2563eb,#60a5fa)}
.dashboard-stat-card-winlose:before{background:linear-gradient(90deg,#0f766e,#2dd4bf)}
.dashboard-main-table-shell-premium{border-radius:24px!important;border:1px solid #dbe5f0!important;background:#f8fbff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}
.dashboard-main-table-v2 thead th{font-size:11px!important;letter-spacing:.12em!important;font-weight:800!important}
.dashboard-main-table-v2 tbody td{font-size:12.5px!important;line-height:1.3!important}
.dashboard-main-table-v2 tbody td strong{font-size:13px!important;font-variant-numeric:tabular-nums}
.dashboard-main-table-v2 .col-site-dashboard{width:18%!important}
.dashboard-main-table-v2 .col-ref-dashboard{width:31%!important}
.dashboard-main-table-v2 .col-amt-dashboard{width:19%!important}
.dashboard-panel-status{padding:7px 12px;border-radius:999px;background:#edf6ee;color:#166534;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(22,101,52,.12)}
.dashboard-color-btn,.icon-btn.edit-panel-name{border-radius:14px!important}
.add-referral-btn{min-height:48px;border-radius:16px!important;padding-inline:18px!important;font-weight:800!important}

.panel-head-premium{align-items:flex-end!important;padding:8px 0 0!important}
.panel-head-premium h2{margin:4px 0 0!important;font-size:30px!important;line-height:1.05!important;letter-spacing:-.03em!important}
.panel-head-note{margin:8px 0 0;font-size:13px;line-height:1.65;color:#64748b;max-width:760px}
.premium-monitor-grid{gap:20px!important}
.premium-monitor-card{padding:20px 20px 16px!important;border-radius:28px!important;border:1px solid rgba(148,163,184,.16)!important;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;box-shadow:0 20px 48px rgba(15,23,42,.06)!important}
.section-caption-premium{margin-bottom:14px!important;align-items:center!important}
.section-caption-premium span{font-size:11px!important;letter-spacing:.14em!important}
.section-caption-premium strong{font-size:18px!important;line-height:1.2!important}
.premium-toolbar{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important;margin-bottom:12px!important}
.premium-toolbar select{min-height:42px;border-radius:14px;border:1px solid #dbe4f0;background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.9);font-size:12px}
.premium-table-wrap{border-radius:22px!important;overflow:auto!important;border:1px solid #dbe5f0!important;background:#fff!important}
.premium-monitor-table{min-width:0!important;font-size:12px!important}
.premium-monitor-table thead th{position:sticky;top:0;background:#f3f7fc!important;color:#334155!important;font-size:10.5px!important;letter-spacing:.12em!important;padding:11px 10px!important}
.premium-monitor-table tbody td{padding:10px 10px!important;font-size:12px!important;line-height:1.35!important;color:#0f172a!important}
.premium-monitor-table .badge{font-size:10px!important;padding:6px 8px!important}
.premium-monitor-table .page-pill,.premium-monitor-table .inline-chip,.premium-monitor-table details summary{font-size:11px!important}
.premium-monitor-table pre{font-size:11px!important;line-height:1.5!important;max-width:420px;white-space:pre-wrap;word-break:break-word}
.log-message-cell strong{font-size:12px!important;line-height:1.45!important;font-weight:700!important}
.premium-history-caption{margin-bottom:12px!important}
.premium-history-caption .site-tabs{display:flex;flex-wrap:wrap;gap:8px}
#tab-logs .log-table th:nth-child(1),#tab-logs .log-table td:nth-child(1){width:138px!important}
#tab-logs .log-table th:nth-child(2),#tab-logs .log-table td:nth-child(2){width:92px!important}
#tab-logs .log-table th:nth-child(3),#tab-logs .log-table td:nth-child(3){width:94px!important}
#tab-logs .log-table th:nth-child(5),#tab-logs .log-table td:nth-child(5){width:76px!important}
#tab-logs .log-table th:nth-child(6),#tab-logs .log-table td:nth-child(6){width:100px!important}
#tab-history .history-table th:nth-child(1),#tab-history .history-table td:nth-child(1){width:144px!important}
#tab-history .history-table th:nth-child(2),#tab-history .history-table td:nth-child(2){width:104px!important}
#tab-history .history-table th:nth-child(4),#tab-history .history-table td:nth-child(4),#tab-history .history-table th:nth-child(5),#tab-history .history-table td:nth-child(5){width:96px!important}
#tab-history .history-table th:nth-child(6),#tab-history .history-table td:nth-child(6){width:92px!important}
#tab-history .history-table th:nth-child(7),#tab-history .history-table td:nth-child(7){width:132px!important}
#tab-history .history-table .btn,#tab-logs .table-details summary{padding:7px 10px!important;font-size:11px!important;border-radius:12px!important}

@media (max-width: 1400px){
  .dashboard-main-grid{grid-template-columns:1fr!important}
}
@media (max-width: 1100px){
  .dashboard-main-hero-premium{grid-template-columns:1fr;display:grid}
  .dashboard-main-hero-mini-stats{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}
  .premium-toolbar{grid-template-columns:1fr}
}
@media (max-width: 720px){
  .dashboard-stat-grid-premium{grid-template-columns:1fr}
  .dashboard-filter-row-premium{grid-template-columns:1fr}
  .dashboard-main-hero-premium{padding:18px}
  .panel-head-premium h2{font-size:24px!important}
  .premium-monitor-card{padding:16px!important}
}

/* === 2026 Enterprise UI refinement: menu + dashboard utama + log + history === */
:root{
  --enterprise-sidebar:#f4f7fb;
  --enterprise-sidebar-border:rgba(148,163,184,.24);
  --enterprise-card:#ffffff;
  --enterprise-card-soft:#f8fbff;
  --enterprise-text:#0f172a;
  --enterprise-muted:#5b677a;
  --enterprise-line:#d9e2ef;
  --enterprise-line-soft:#e8eef6;
  --enterprise-accent:#4f7ff0;
  --enterprise-accent-soft:rgba(79,127,240,.12);
  --enterprise-shadow:0 18px 44px rgba(15,23,42,.06);
}

html,body{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
body{
  color:var(--enterprise-text) !important;
}
.app-shell{
  grid-template-columns:292px minmax(0,1fr) !important;
  background:linear-gradient(180deg,#edf3fb 0%,#f6f9fd 48%,#eef4fb 100%) !important;
}
.sidebar{
  background:linear-gradient(180deg,rgba(250,252,255,.98),rgba(243,247,252,.97)) !important;
  border-right:1px solid var(--enterprise-sidebar-border) !important;
  padding:18px 14px 14px !important;
  gap:14px !important;
}
.brand-wrap.side{
  padding:4px 6px 2px !important;
}
.brand-wrap.side strong{
  font-size:16px !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
  color:var(--enterprise-text) !important;
}
.brand-wrap .eyebrow{
  color:#7a879a !important;
}
.sidebar-groups{
  gap:16px !important;
}
.sidebar-mid-menu{
  padding:16px 0 !important;
  border-top:1px solid var(--enterprise-sidebar-border) !important;
  border-bottom:1px solid var(--enterprise-sidebar-border) !important;
}
.nav-list,
.nav-list-top,
.nav-list-bottom,
.sidebar-mid-menu{
  gap:8px !important;
}
.nav-btn,
.nav-btn-mid{
  min-height:48px !important;
  padding:12px 14px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.86) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  color:var(--enterprise-text) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.95) inset, 0 6px 16px rgba(15,23,42,.04) !important;
  font-size:12.5px !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
  line-height:1.2 !important;
  white-space:normal !important;
  text-overflow:clip !important;
  overflow:visible !important;
}
.nav-btn:hover,
.nav-btn.active,
.nav-btn-mid:hover,
.nav-btn-mid.active{
  background:linear-gradient(135deg,#eef4ff 0%,#dfe9ff 100%) !important;
  border-color:rgba(79,127,240,.34) !important;
  color:#0b1b38 !important;
  box-shadow:0 10px 20px rgba(79,127,240,.10), inset 0 1px 0 rgba(255,255,255,.98) !important;
}
.nav-btn:focus-visible,
.nav-btn-mid:focus-visible{
  box-shadow:0 0 0 3px rgba(79,127,240,.14), 0 10px 20px rgba(79,127,240,.08) !important;
}
.sidebar-bottom-actions{
  padding-top:14px !important;
  border-top:1px solid var(--enterprise-sidebar-border) !important;
}
.logout{
  min-height:46px !important;
  border-radius:14px !important;
}
.content{
  padding:18px 18px 12px !important;
}
.content-inner{
  gap:18px !important;
}
.hero-card,
.card,
.table-card,
.filter-card,
.summary-pill,
.dash-card,
.dashboard-main-card,
.premium-monitor-card{
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,255,.97)) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  box-shadow:var(--enterprise-shadow) !important;
}
.panel-head h2,
.dashboard-main-hero h2,
.dashboard-main-title-block h3{
  color:var(--enterprise-text) !important;
  letter-spacing:-.02em !important;
}
.panel-head h2,
.dashboard-main-hero h2{
  font-size:26px !important;
  line-height:1.08 !important;
  margin:0 !important;
}
.panel-head-note,
.dashboard-main-hero-note,
.dashboard-panel-subtitle,
.table-caption,
.premium-history-caption,
.muted,
.compact-copy,
.data-card-head span,
.history-date,
.queue-date,
.site-url,
.meta-line{
  color:var(--enterprise-muted) !important;
}
.section-caption{
  margin-bottom:12px !important;
}
.section-caption span{
  color:#7d8aa0 !important;
  font-size:11px !important;
  letter-spacing:.14em !important;
}
.section-caption strong{
  color:var(--enterprise-text) !important;
  font-size:18px !important;
}

/* Dashboard utama */
#tab-dashboard-main .dashboard-main-shell{
  display:grid !important;
  gap:18px !important;
}
#tab-dashboard-main .dashboard-main-hero{
  padding:22px 24px !important;
  border-radius:24px !important;
  min-height:auto !important;
}
#tab-dashboard-main .dashboard-main-hero-copy{
  max-width:760px !important;
}
#tab-dashboard-main .dashboard-main-hero-mini-stats{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(120px,1fr)) !important;
  gap:12px !important;
}
#tab-dashboard-main .hero-mini-stat{
  background:var(--enterprise-card-soft) !important;
  border:1px solid var(--enterprise-line-soft) !important;
  border-radius:18px !important;
  padding:14px 16px !important;
}
#tab-dashboard-main .hero-mini-stat span{
  font-size:11px !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  color:#7b8798 !important;
}
#tab-dashboard-main .hero-mini-stat strong{
  font-size:15px !important;
  color:var(--enterprise-text) !important;
}
#tab-dashboard-main .dashboard-main-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
}
#tab-dashboard-main .dashboard-main-card{
  min-height:0 !important;
  padding:18px !important;
  border-radius:24px !important;
  gap:14px !important;
}
#tab-dashboard-main .dashboard-main-card:before{
  height:3px !important;
  opacity:.95 !important;
}
#tab-dashboard-main .dashboard-main-topbar{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding-bottom:12px !important;
  border-bottom:1px solid var(--enterprise-line-soft) !important;
}
#tab-dashboard-main .dashboard-panel-kicker{
  font-size:10.5px !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:#7e8ca1 !important;
}
#tab-dashboard-main .dashboard-main-title-block h3{
  font-size:21px !important;
}
#tab-dashboard-main .dashboard-panel-subtitle{
  font-size:12px !important;
  line-height:1.45 !important;
}
#tab-dashboard-main .dashboard-main-top-actions{
  flex-wrap:nowrap !important;
  gap:8px !important;
}
#tab-dashboard-main .dashboard-color-btn,
#tab-dashboard-main .icon-btn,
#tab-dashboard-main .dashboard-panel-status{
  min-height:36px !important;
  border-radius:12px !important;
  font-size:11.5px !important;
}
#tab-dashboard-main .dashboard-panel-status{
  padding:0 12px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(34,197,94,.10) !important;
  color:#166534 !important;
  border:1px solid rgba(34,197,94,.16) !important;
}
#tab-dashboard-main .dashboard-filter-row{
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:12px !important;
  align-items:end !important;
}
#tab-dashboard-main .dashboard-filter-field span{
  font-size:12px !important;
  font-weight:700 !important;
  color:#5f6d80 !important;
}
#tab-dashboard-main .dashboard-site-select,
#tab-dashboard-main .add-referral-btn{
  height:44px !important;
  border-radius:14px !important;
}
#tab-dashboard-main .dashboard-stat-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
}
#tab-dashboard-main .dashboard-stat-card{
  background:linear-gradient(180deg,#ffffff,#f7fbff) !important;
  border:1px solid var(--enterprise-line-soft) !important;
  min-height:88px !important;
  padding:14px 15px !important;
}
#tab-dashboard-main .dashboard-stat-card span{
  font-size:10.5px !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:#708097 !important;
}
#tab-dashboard-main .dashboard-stat-card strong{
  font-size:18px !important;
  line-height:1.1 !important;
  color:var(--enterprise-text) !important;
}
#tab-dashboard-main .dashboard-stat-card small{
  font-size:11px !important;
  line-height:1.35 !important;
  color:#7a8698 !important;
}
#tab-dashboard-main .dashboard-main-table-shell{
  border-radius:18px !important;
  border:1px solid var(--enterprise-line-soft) !important;
  background:#fbfdff !important;
}
#tab-dashboard-main .dashboard-main-table-v2{
  table-layout:fixed !important;
  width:100% !important;
  font-size:12px !important;
}
#tab-dashboard-main .dashboard-main-table-v2 thead th{
  position:sticky !important;
  top:0 !important;
  z-index:2 !important;
  background:#f4f8fd !important;
  color:#607086 !important;
  padding:11px 10px !important;
  font-size:10.5px !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
  border-bottom:1px solid var(--enterprise-line) !important;
}
#tab-dashboard-main .dashboard-main-table-v2 tbody td{
  padding:10px 10px !important;
  font-size:12px !important;
  color:#132033 !important;
  border-bottom:1px solid rgba(217,226,239,.82) !important;
  vertical-align:middle !important;
}
#tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(2),
#tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(3){
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
#tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(4),
#tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(5){
  white-space:nowrap !important;
  font-size:11.5px !important;
  text-align:right !important;
}
#tab-dashboard-main .dashboard-main-table-v2 .col-no-dashboard{width:50px !important;}
#tab-dashboard-main .dashboard-main-table-v2 .col-site-dashboard{width:18% !important;}
#tab-dashboard-main .dashboard-main-table-v2 .col-ref-dashboard{width:30% !important;}
#tab-dashboard-main .dashboard-main-table-v2 .col-amt-dashboard{width:18% !important;}
#tab-dashboard-main .table-empty{
  color:#7a8798 !important;
  text-align:center !important;
  padding:18px 10px !important;
}

/* LOG & HISTORY */
#tab-logs,
#tab-history{
  gap:16px !important;
}
#tab-logs .panel-head,
#tab-history .panel-head{
  padding:0 2px !important;
}
#tab-logs .premium-monitor-grid,
#tab-history .premium-monitor-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
}
#tab-logs .premium-monitor-card,
#tab-history .premium-monitor-card{
  padding:16px !important;
  border-radius:22px !important;
  gap:14px !important;
}
#tab-logs .premium-toolbar,
#tab-history .premium-history-caption{
  margin-bottom:10px !important;
}
#tab-logs .premium-toolbar{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
  align-items:end !important;
}
#tab-logs .premium-toolbar select,
#tab-history .site-tabs .site-pill,
#tab-history .site-tabs button{
  min-height:42px !important;
  border-radius:12px !important;
}
#tab-logs .premium-table-wrap,
#tab-history .premium-table-wrap{
  overflow:auto !important;
  border-radius:18px !important;
  border:1px solid var(--enterprise-line-soft) !important;
  background:#fbfdff !important;
}
#tab-logs .premium-monitor-table,
#tab-history .premium-monitor-table{
  width:100% !important;
  min-width:820px !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  table-layout:fixed !important;
  font-size:12px !important;
}
#tab-logs .premium-monitor-table thead th,
#tab-history .premium-monitor-table thead th{
  position:sticky !important;
  top:0 !important;
  z-index:2 !important;
  background:#f4f8fd !important;
  color:#627287 !important;
  padding:11px 10px !important;
  font-size:10.5px !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  border-bottom:1px solid var(--enterprise-line) !important;
}
#tab-logs .premium-monitor-table tbody td,
#tab-history .premium-monitor-table tbody td{
  padding:10px !important;
  border-bottom:1px solid rgba(217,226,239,.84) !important;
  color:#142034 !important;
  vertical-align:middle !important;
  line-height:1.38 !important;
}
#tab-logs .premium-monitor-table tbody tr:hover td,
#tab-history .premium-monitor-table tbody tr:hover td{
  background:rgba(79,127,240,.035) !important;
}
#tab-logs .premium-monitor-table td,
#tab-history .premium-monitor-table td{
  word-break:break-word !important;
  overflow-wrap:anywhere !important;
}
#tab-logs .premium-monitor-table td:nth-child(1),
#tab-history .premium-monitor-table td:nth-child(1){
  font-variant-numeric:tabular-nums !important;
  white-space:nowrap !important;
}
#tab-logs .premium-monitor-table td:nth-child(3),
#tab-history .premium-monitor-table td:nth-child(6){
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}

/* safer defaults for controls */
.btn,
input,
select,
.site-pill,
.mini-btn{
  font-size:13px !important;
}
input,
select{
  min-height:42px !important;
  color:var(--enterprise-text) !important;
  background:#fff !important;
  border:1px solid rgba(148,163,184,.24) !important;
}

/* Responsive */
@media (max-width:1480px){
  #tab-dashboard-main .dashboard-main-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:1220px){
  .app-shell{grid-template-columns:1fr !important;}
  .sidebar{position:relative !important;height:auto !important;}
  #tab-logs .premium-monitor-grid,
  #tab-history .premium-monitor-grid,
  #tab-dashboard-main .dashboard-main-grid{grid-template-columns:1fr !important;}
}
@media (max-width:860px){
  .content{padding:14px 12px 10px !important;}
  .nav-btn,
  .nav-btn-mid{min-height:46px !important;font-size:12px !important;padding:10px 12px !important;}
  .panel-head h2,
  .dashboard-main-hero h2{font-size:22px !important;}
  #tab-dashboard-main .dashboard-main-topbar,
  #tab-dashboard-main .dashboard-filter-row{
    grid-template-columns:1fr !important;
    display:grid !important;
  }
  #tab-dashboard-main .dashboard-main-top-actions{
    flex-wrap:wrap !important;
  }
  #tab-dashboard-main .dashboard-main-table-v2,
  #tab-logs .premium-monitor-table,
  #tab-history .premium-monitor-table{
    min-width:720px !important;
  }
}
@media (max-width:640px){
  .sidebar{padding:14px 10px 12px !important;}
  .content{padding:12px 10px 8px !important;}
  .hero-card,.card,.table-card,.filter-card,.dashboard-main-card,.premium-monitor-card{border-radius:18px !important;}
  #tab-dashboard-main .dashboard-main-hero{padding:18px !important;}
  #tab-dashboard-main .dashboard-stat-grid{grid-template-columns:1fr !important;}
  #tab-logs .premium-toolbar{grid-template-columns:1fr !important;}
}


/* ===== targeted compact revision: dashboard utama, history, log ===== */
#tab-dashboard-main .dashboard-main-card-v2,
#tab-logs .premium-monitor-card,
#tab-history .premium-monitor-card{
  overflow:hidden !important;
}

#tab-dashboard-main .dashboard-stat-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
}
#tab-dashboard-main .dashboard-stat-card{
  min-width:0 !important;
}
#tab-dashboard-main .dashboard-stat-card strong{
  display:block !important;
  font-size:17px !important;
  line-height:1.18 !important;
  letter-spacing:-.01em !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}

#tab-dashboard-main .dashboard-main-table-shell{
  overflow:hidden !important;
}
#tab-dashboard-main .dashboard-main-table-v2{
  width:100% !important;
  min-width:0 !important;
  table-layout:fixed !important;
}
#tab-dashboard-main .dashboard-main-table-v2 .col-no-dashboard{width:8% !important;}
#tab-dashboard-main .dashboard-main-table-v2 .col-site-dashboard{width:15% !important;}
#tab-dashboard-main .dashboard-main-table-v2 .col-ref-dashboard{width:21% !important;}
#tab-dashboard-main .dashboard-main-table-v2 .col-amt-dashboard{width:28% !important;}
#tab-dashboard-main .dashboard-main-table-v2 thead th,
#tab-dashboard-main .dashboard-main-table-v2 tbody td{
  padding:9px 8px !important;
}
#tab-dashboard-main .dashboard-main-table-v2 thead th{
  font-size:10px !important;
  letter-spacing:.08em !important;
}
#tab-dashboard-main .dashboard-main-table-v2 tbody td{
  font-size:11px !important;
  line-height:1.22 !important;
}
#tab-dashboard-main .dashboard-main-table-v2 tbody td:first-child{
  padding-left:12px !important;
}
#tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(2),
#tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(3){
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
#tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(4),
#tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(5){
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  text-align:right !important;
  font-size:10.6px !important;
  font-weight:800 !important;
  letter-spacing:-.015em !important;
  font-variant-numeric:tabular-nums !important;
}

#tab-logs .premium-table-wrap,
#tab-history .premium-table-wrap{
  overflow:hidden !important;
}
#tab-logs .premium-monitor-table,
#tab-history .premium-monitor-table{
  min-width:0 !important;
  width:100% !important;
  table-layout:fixed !important;
}
#tab-logs .premium-monitor-table thead th,
#tab-history .premium-monitor-table thead th,
#tab-logs .premium-monitor-table tbody td,
#tab-history .premium-monitor-table tbody td{
  padding:8px 8px !important;
}
#tab-logs .premium-monitor-table thead th,
#tab-history .premium-monitor-table thead th{
  font-size:10px !important;
  letter-spacing:.07em !important;
}
#tab-logs .premium-monitor-table tbody td,
#tab-history .premium-monitor-table tbody td{
  font-size:11px !important;
  line-height:1.24 !important;
}

/* width distribution log */
#tab-logs .premium-monitor-table th:nth-child(1),
#tab-logs .premium-monitor-table td:nth-child(1){width:16% !important;}
#tab-logs .premium-monitor-table th:nth-child(2),
#tab-logs .premium-monitor-table td:nth-child(2){width:12% !important;}
#tab-logs .premium-monitor-table th:nth-child(3),
#tab-logs .premium-monitor-table td:nth-child(3){width:10% !important;}
#tab-logs .premium-monitor-table th:nth-child(4),
#tab-logs .premium-monitor-table td:nth-child(4){width:40% !important;}
#tab-logs .premium-monitor-table th:nth-child(5),
#tab-logs .premium-monitor-table td:nth-child(5){width:9% !important;}
#tab-logs .premium-monitor-table th:nth-child(6),
#tab-logs .premium-monitor-table td:nth-child(6){width:13% !important;}

/* width distribution history */
#tab-history .premium-monitor-table th:nth-child(1),
#tab-history .premium-monitor-table td:nth-child(1){width:18% !important;}
#tab-history .premium-monitor-table th:nth-child(2),
#tab-history .premium-monitor-table td:nth-child(2){width:11% !important;}
#tab-history .premium-monitor-table th:nth-child(3),
#tab-history .premium-monitor-table td:nth-child(3){width:13% !important;}
#tab-history .premium-monitor-table th:nth-child(4),
#tab-history .premium-monitor-table td:nth-child(4){width:10% !important;}
#tab-history .premium-monitor-table th:nth-child(5),
#tab-history .premium-monitor-table td:nth-child(5){width:17% !important;}
#tab-history .premium-monitor-table th:nth-child(6),
#tab-history .premium-monitor-table td:nth-child(6){width:12% !important;}
#tab-history .premium-monitor-table th:nth-child(7),
#tab-history .premium-monitor-table td:nth-child(7){width:19% !important;}

#tab-logs .premium-monitor-table td:nth-child(1),
#tab-history .premium-monitor-table td:nth-child(1),
#tab-history .premium-monitor-table td:nth-child(3),
#tab-history .premium-monitor-table td:nth-child(4),
#tab-history .premium-monitor-table td:nth-child(5){
  font-variant-numeric:tabular-nums !important;
}
#tab-logs .premium-monitor-table td:nth-child(2),
#tab-history .premium-monitor-table td:nth-child(2){
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
#tab-logs .premium-monitor-table td:nth-child(4){
  text-align:left !important;
}
#tab-history .premium-monitor-table td:nth-child(7){
  overflow:visible !important;
}
#tab-history .premium-monitor-table .table-actions{
  gap:6px !important;
  flex-wrap:wrap !important;
}
#tab-history .premium-monitor-table .table-actions .btn{
  min-height:34px !important;
  padding:6px 10px !important;
  font-size:11px !important;
}
#tab-logs .log-message-cell,
#tab-history .history-match-cell{
  align-items:flex-start !important;
  text-align:left !important;
}
#tab-logs .log-message-cell strong,
#tab-history .history-match-cell strong{
  display:block !important;
  width:100% !important;
}
#tab-history .history-meta{
  font-size:10px !important;
  line-height:1.2 !important;
}
#tab-logs .table-details summary,
#tab-history .table-details summary{
  padding:6px 8px !important;
  font-size:11px !important;
}

.compact-datetime{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  line-height:1.05;
  white-space:normal !important;
}
.compact-datetime .date-line,
.compact-datetime .time-line{
  display:block;
  white-space:nowrap;
}
.compact-datetime .time-line{
  font-size:.94em;
}

@media (max-width: 1520px){
  #tab-dashboard-main .dashboard-main-table-v2 .col-site-dashboard{width:14% !important;}
  #tab-dashboard-main .dashboard-main-table-v2 .col-ref-dashboard{width:19% !important;}
  #tab-dashboard-main .dashboard-main-table-v2 .col-amt-dashboard{width:29.5% !important;}
  #tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(4),
  #tab-dashboard-main .dashboard-main-table-v2 tbody td:nth-child(5){font-size:10.2px !important;}
}
@media (max-width: 1280px){
  #tab-logs .premium-monitor-grid,
  #tab-history .premium-monitor-grid,
  #tab-dashboard-main .dashboard-main-grid{grid-template-columns:1fr !important;}
}


/* vNext control-center redesign for Grab W/L + Grab Player */
#tab-grab-board,#tab-grab-player{gap:14px!important}
.control-shell{display:grid;gap:14px}
.control-hero-card{padding:18px 18px 16px!important;border-radius:28px!important;position:relative;overflow:hidden;background:linear-gradient(135deg,#0f172a 0%,#13284c 42%,#1e293b 100%)!important;color:#eef4ff!important;border:1px solid rgba(148,163,184,.18)!important;box-shadow:0 24px 60px rgba(15,23,42,.18)!important}
.control-hero-card *{position:relative;z-index:1}
.control-hero-card:before,.control-hero-card:after{content:"";position:absolute;border-radius:999px;filter:blur(12px);opacity:.9}
.control-hero-card:before{width:240px;height:240px;right:-70px;top:-120px;background:radial-gradient(circle,rgba(96,165,250,.42),rgba(96,165,250,0) 70%)}
.control-hero-card:after{width:220px;height:220px;left:-88px;bottom:-150px;background:radial-gradient(circle,rgba(168,85,247,.32),rgba(168,85,247,0) 70%)}
.control-hero-card-player{background:linear-gradient(135deg,#0f172a 0%,#102f4b 44%,#1f2937 100%)!important}
.control-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.control-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#dbeafe}
.control-hero-card h2{margin:10px 0 8px!important;font-size:30px!important;color:#fff!important;letter-spacing:-.03em}
.control-subcopy{max-width:760px;margin:0;color:rgba(226,232,240,.88);font-size:13px;line-height:1.6}
.control-hero-actions{justify-content:flex-end;align-items:flex-start}
.control-hero-actions .btn{min-height:44px;padding:11px 16px;border-radius:16px;box-shadow:0 10px 28px rgba(15,23,42,.16)}
.control-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.control-metric-card{padding:14px 15px;border-radius:20px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px);display:grid;gap:8px;min-height:96px}
.control-metric-card span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(226,232,240,.72)}
.control-metric-card strong{font-size:24px;line-height:1.15;color:#fff}
.control-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:14px}
.control-config-card,.control-status-card,.control-queue-card{padding:18px!important;border-radius:24px!important;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;border:1px solid rgba(148,163,184,.16)!important;box-shadow:0 18px 44px rgba(15,23,42,.08)!important}
.control-card-head,.control-queue-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.control-card-head h3,.control-queue-head h3{margin:3px 0 0!important;font-size:19px!important;letter-spacing:-.02em}
.control-section-label{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#64748b}
.control-settings-grid{grid-template-columns:1.15fr repeat(4,minmax(120px,1fr)) auto!important;gap:12px!important;align-items:end}
.control-settings-grid .setting-block{min-width:0}
.control-settings-grid label{gap:7px!important;color:#64748b!important;font-size:12px!important;font-weight:700}
.control-settings-grid input,.control-settings-grid select{min-height:44px!important;height:44px!important;padding:0 13px!important;border-radius:16px!important;background:#fff!important;border:1px solid rgba(148,163,184,.24)!important;box-shadow:inset 0 1px 2px rgba(15,23,42,.04)!important}
.control-settings-grid input:focus,.control-settings-grid select:focus{outline:none!important;border-color:rgba(59,130,246,.42)!important;box-shadow:0 0 0 4px rgba(59,130,246,.08)!important}
.control-switch-row{justify-content:space-between!important;gap:14px!important;min-height:44px;padding:0 14px;border-radius:18px;background:linear-gradient(180deg,#f8fbff,#eef4fb);border:1px solid rgba(148,163,184,.18)}
.control-switch-row span:first-child{color:#0f172a!important;font-weight:800}
.control-switch-row input{position:absolute;opacity:0;pointer-events:none;width:0!important;height:0!important}
.control-switch-row .switch-slider{position:relative;display:inline-flex;flex:0 0 54px;height:32px;border-radius:999px;background:#dbe5f3;border:1px solid rgba(148,163,184,.28);transition:all .18s ease;box-shadow:inset 0 1px 2px rgba(15,23,42,.05)}
.control-switch-row .switch-slider:before{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 4px 12px rgba(15,23,42,.18);transition:transform .18s ease}
.control-switch-row input:checked + .switch-slider{background:linear-gradient(135deg,#2563eb,#7c3aed);border-color:rgba(37,99,235,.34)}
.control-switch-row input:checked + .switch-slider:before{transform:translateX(22px)}
.control-save-block .btn{min-height:44px;width:100%;border-radius:16px}
.control-site-status-grid,.control-runner-summary-grid{gap:12px!important}
.control-site-status-grid{grid-template-columns:repeat(auto-fit,minmax(205px,1fr))!important}
.control-status-card .site-health,.control-status-card .summary-pill{padding:14px 15px!important;border-radius:18px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;border:1px solid rgba(148,163,184,.16)!important;box-shadow:none!important}
.control-status-card .summary-pill strong{font-size:26px!important;color:#0f172a!important}
.control-status-card .summary-pill span,.control-status-card .site-health .meta-line{color:#64748b!important}
.queue-table-host{display:grid;gap:12px}
.queue-table-shell{border:1px solid rgba(148,163,184,.16);border-radius:20px;overflow:hidden;background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.queue-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}
.queue-table thead th{padding:12px 12px;background:linear-gradient(180deg,#f8fafc,#edf3fb);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#64748b;border-bottom:1px solid rgba(148,163,184,.16);text-align:center}
.queue-table tbody td{padding:11px 12px;border-bottom:1px solid rgba(148,163,184,.12);font-size:12.5px;color:#0f172a;text-align:center;vertical-align:middle;background:#fff}
.queue-table tbody tr:nth-child(even) td{background:#fbfdff}
.queue-table tbody tr:hover td{background:#f4f8ff}
.queue-table tbody tr:last-child td{border-bottom:none}
.queue-table .queue-id-cell{font-weight:800;color:#0f172a;text-align:left}
.queue-table .queue-task-cell{text-align:left}
.queue-mini-meta{display:grid;gap:2px}
.queue-mini-meta strong{font-size:13px;color:#0f172a;line-height:1.35}
.queue-mini-meta span{font-size:11px;color:#64748b}
.queue-table .badge{padding:6px 10px!important;font-size:11px!important;font-weight:800!important;border-radius:999px!important}
.queue-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.queue-actions .btn{min-width:76px;padding:8px 10px!important;border-radius:12px!important;font-size:11px!important;font-weight:800!important;box-shadow:none!important;transform:none!important}
.queue-actions .btn:hover{transform:translateY(-1px)!important}
.queue-action-stack{display:grid;gap:8px}
.queue-table-empty{padding:26px 16px;color:#64748b;text-align:center}
#tab-dashboard-main .negative,#tab-dashboard-main .negative strong,#transaction-body .negative,#player-body .negative{color:#ff3b30!important;font-weight:900!important}
#tab-dashboard-main .positive,#tab-dashboard-main .positive strong{color:#0f9f6e!important}
@media (max-width:1200px){.control-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-grid{grid-template-columns:1fr}.control-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr)) auto!important}.control-save-block{grid-column:1/-1}}
@media (max-width:820px){.control-hero-top{flex-direction:column}.control-hero-actions{width:100%;justify-content:flex-start}.control-metric-grid,.control-settings-grid{grid-template-columns:1fr!important}.queue-table-shell{overflow:auto}.queue-table{min-width:980px}}


/* ===== Premium enterprise manual modals ===== */
.premium-modal{backdrop-filter:blur(16px);background:radial-gradient(circle at top,rgba(99,102,241,.18),rgba(15,23,42,.72) 36%,rgba(15,23,42,.82) 100%)!important;padding:24px!important}
.premium-manual-modal{width:min(860px,calc(100vw - 36px))!important;max-width:min(860px,calc(100vw - 36px))!important;min-width:0;position:relative!important;overflow:hidden!important;border-radius:32px!important;padding:30px!important;border:1px solid rgba(255,255,255,.72)!important;background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(246,249,255,.98) 100%)!important;box-shadow:0 40px 120px rgba(15,23,42,.28)!important}
.premium-manual-modal::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(255,255,255,.32));pointer-events:none}
.premium-modal-orb{position:absolute;border-radius:999px;filter:blur(10px);opacity:.8;pointer-events:none}
.premium-modal-orb-a{width:240px;height:240px;right:-70px;top:-85px;background:radial-gradient(circle,rgba(99,102,241,.22),rgba(99,102,241,0))}
.premium-modal-orb-b{width:220px;height:220px;left:-70px;bottom:-95px;background:radial-gradient(circle,rgba(56,189,248,.16),rgba(56,189,248,0))}
.premium-modal-close{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;top:16px!important;right:16px!important;border-radius:999px!important;background:rgba(255,255,255,.88)!important;border:1px solid rgba(148,163,184,.24)!important;color:#0f172a!important;font-size:28px!important;line-height:1!important;z-index:3;box-shadow:0 12px 28px rgba(15,23,42,.12)!important}
.premium-modal-close:hover{transform:translateY(-1px) scale(1.02);background:#fff!important}
.premium-modal-header,.premium-manual-form{position:relative;z-index:1}
.premium-modal-header{padding-right:68px;margin-bottom:20px}
.premium-modal-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(79,70,229,.08);border:1px solid rgba(99,102,241,.14);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#4f46e5}
.premium-modal-header h3{margin:14px 0 8px!important;font-size:clamp(1.6rem,2vw,2rem)!important;line-height:1.12!important;color:#0f172a!important;letter-spacing:-.03em}
.premium-modal-header p{margin:0!important;max-width:680px;color:#64748b!important;font-size:.97rem;line-height:1.65}
.premium-manual-form{display:grid;gap:16px}
.premium-field-group{display:grid;gap:16px}
.premium-date-group{grid-template-columns:repeat(2,minmax(0,1fr))}
.premium-split-group{grid-template-columns:repeat(2,minmax(0,1fr))}
.premium-field{display:grid!important;gap:8px!important}
.premium-field-label{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#475569}
.premium-manual-modal select,.premium-manual-modal input[type="text"]{height:56px!important;border-radius:18px!important;border:1px solid rgba(148,163,184,.22)!important;background:rgba(255,255,255,.94)!important;color:#0f172a!important;font-weight:700!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 8px 20px rgba(15,23,42,.05)!important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important}
.premium-manual-modal select:hover,.premium-manual-modal input[type="text"]:hover{border-color:rgba(99,102,241,.32)!important}
.premium-manual-modal select:focus,.premium-manual-modal input[type="text"]:focus{outline:none!important;border-color:rgba(79,70,229,.55)!important;box-shadow:0 0 0 4px rgba(99,102,241,.12),0 16px 36px rgba(79,70,229,.08)!important;transform:translateY(-1px)}
.premium-date-field{background:rgba(255,255,255,.94)!important;border:1px solid rgba(148,163,184,.22)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 8px 20px rgba(15,23,42,.05)!important}
.premium-date-field .date-trigger{right:12px!important;width:34px!important;height:34px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,rgba(99,102,241,.12),rgba(59,130,246,.08))!important;color:#4f46e5!important}
.premium-date-field .date-trigger svg{width:17px;height:17px}
.premium-date-field .date-trigger:hover{background:linear-gradient(135deg,rgba(99,102,241,.18),rgba(59,130,246,.14))!important}
.premium-check-card{display:flex!important;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-radius:22px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(135deg,rgba(15,23,42,.025),rgba(99,102,241,.06));box-shadow:0 14px 34px rgba(15,23,42,.06)!important;cursor:pointer}
.premium-check-copy{display:grid;gap:4px}
.premium-check-copy strong{font-size:1rem;color:#0f172a}
.premium-check-copy small{color:#64748b;line-height:1.55;font-size:.9rem}
.premium-switch{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.premium-switch input{position:absolute;inset:0;opacity:0;width:72px!important;height:40px!important;cursor:pointer}
.premium-switch-ui{position:relative;display:block;width:72px;height:40px;border-radius:999px;background:linear-gradient(135deg,#dbe4f3,#c7d2fe);box-shadow:inset 0 2px 5px rgba(15,23,42,.12),0 10px 22px rgba(15,23,42,.12);transition:all .22s ease}
.premium-switch-ui::before{content:"";position:absolute;top:4px;left:4px;width:32px;height:32px;border-radius:50%;background:linear-gradient(180deg,#fff,#eef2ff);box-shadow:0 8px 20px rgba(15,23,42,.16);transition:transform .22s ease}
.premium-switch input:checked + .premium-switch-ui{background:linear-gradient(135deg,#4f46e5,#7c3aed)}
.premium-switch input:checked + .premium-switch-ui::before{transform:translateX(32px)}
.premium-submit-btn{width:100%!important;min-height:58px!important;border-radius:20px!important;font-size:1rem!important;font-weight:800!important;letter-spacing:-.01em!important;background:linear-gradient(135deg,#5b8def 0%,#7c5cff 52%,#6f64ff 100%)!important;box-shadow:0 22px 44px rgba(99,102,241,.28)!important}
.premium-submit-btn:hover{transform:translateY(-2px)!important;box-shadow:0 28px 54px rgba(99,102,241,.34)!important}
@media (max-width:760px){.premium-modal{padding:14px!important}.premium-manual-modal{width:min(100vw - 16px,860px)!important;max-width:min(100vw - 16px,860px)!important;padding:18px!important;border-radius:24px!important}.premium-modal-header{padding-right:54px}.premium-date-group,.premium-split-group{grid-template-columns:1fr}.premium-check-card{align-items:flex-start}.premium-switch{padding-top:2px}.premium-manual-modal select,.premium-manual-modal input[type="text"]{height:52px!important}}

/* v36.1 data-player tanggal main filter */
#tab-data-player .player-filter-row.player-filter-v2{
  grid-template-columns:minmax(0,1.45fr) auto auto auto !important;
}
#tab-data-player .player-play-date-cluster{
  margin-top:0 !important;
}
#tab-data-player #player-play-start,
#tab-data-player #player-play-end{
  width:150px !important;
  min-width:150px !important;
  max-width:150px !important;
  height:48px !important;
  padding:12px 38px 12px 14px !important;
  box-sizing:border-box !important;
  font-variant-numeric:tabular-nums !important;
}
@media (max-width: 1380px){
  #tab-data-player .player-filter-row.player-filter-v2{grid-template-columns:1fr !important;}
}
@media (max-width: 820px){
  #tab-data-player #player-play-start,
  #tab-data-player #player-play-end{width:100% !important;min-width:0 !important;max-width:none !important;}
  #tab-data-player .player-play-date-cluster{min-width:0 !important;row-gap:10px !important;}
}

/* ===== FINAL DATA PLAYER ENTERPRISE FILTER PANEL ===== */
#tab-data-player .enterprise-player-filter,
#tab-data-player .enterprise-player-filter.sticky-filter{
  position:relative !important;
  top:auto !important;
  z-index:auto !important;
  padding:0 !important;
  overflow:visible !important;
  border:1px solid rgba(148,163,184,.20) !important;
  border-radius:28px !important;
  background:
    radial-gradient(circle at 10% -10%,rgba(96,165,250,.18),transparent 32%),
    radial-gradient(circle at 92% 0%,rgba(124,58,237,.12),transparent 30%),
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,255,.96)) !important;
  box-shadow:0 22px 70px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.90) !important;
}
#tab-data-player .enterprise-filter-shell{display:grid;gap:18px;padding:20px;min-width:0}
#tab-data-player .enterprise-filter-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:2px 2px 0;min-width:0}
#tab-data-player .enterprise-filter-kicker{display:inline-flex;align-items:center;width:max-content;padding:6px 10px;border-radius:999px;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.14);color:#2563eb;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
#tab-data-player .enterprise-filter-head h3{margin:8px 0 0;color:#0f172a;font-size:22px;line-height:1.05;font-weight:950;letter-spacing:-.035em}
#tab-data-player .enterprise-filter-status{white-space:nowrap;padding:9px 13px;border-radius:999px;background:rgba(15,23,42,.035);border:1px solid rgba(148,163,184,.16);color:#64748b;font-size:12px;font-weight:800}
#tab-data-player .enterprise-filter-grid{display:grid;grid-template-columns:minmax(190px,1.05fr) minmax(210px,1fr) minmax(210px,1fr);gap:14px;min-width:0}
#tab-data-player .enterprise-field{display:grid;gap:8px;min-width:0}
#tab-data-player .enterprise-field label,
#tab-data-player .enterprise-date-field>span{color:#475569;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
#tab-data-player .enterprise-control{position:relative;min-width:0}
#tab-data-player .enterprise-control select,
#tab-data-player .enterprise-control input,
#tab-data-player .enterprise-date-card .date-field{width:100% !important;height:52px !important;min-width:0 !important;max-width:none !important;border-radius:18px !important;border:1px solid rgba(148,163,184,.22) !important;background:linear-gradient(180deg,#fff,#f8fbff) !important;box-shadow:0 10px 26px rgba(15,23,42,.055), inset 0 1px 0 rgba(255,255,255,.92) !important;color:#0f172a !important;font-size:14px !important;font-weight:850 !important;outline:none !important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease !important;box-sizing:border-box !important}
#tab-data-player .enterprise-control select{appearance:none !important;padding:0 42px 0 16px !important;background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%),linear-gradient(180deg,#fff,#f8fbff) !important;background-position:calc(100% - 22px) 22px,calc(100% - 16px) 22px,0 0 !important;background-size:6px 6px,6px 6px,100% 100% !important;background-repeat:no-repeat !important}
#tab-data-player .enterprise-control input{padding:0 16px !important}
#tab-data-player .enterprise-control input::placeholder{color:#94a3b8;font-weight:700}
#tab-data-player .enterprise-control select:hover,
#tab-data-player .enterprise-control input:hover,
#tab-data-player .enterprise-date-card .date-field:hover{border-color:rgba(59,130,246,.38) !important;box-shadow:0 14px 30px rgba(15,23,42,.07),0 0 0 4px rgba(59,130,246,.055) !important}
#tab-data-player .enterprise-control select:focus,
#tab-data-player .enterprise-control input:focus,
#tab-data-player .enterprise-date-card .date-field:focus-within{border-color:rgba(37,99,235,.58) !important;box-shadow:0 18px 42px rgba(37,99,235,.10),0 0 0 4px rgba(37,99,235,.12) !important;transform:translateY(-1px)}
#tab-data-player .enterprise-date-board{display:grid;grid-template-columns:minmax(360px,1fr) minmax(360px,1fr) minmax(240px,.62fr);gap:14px;align-items:stretch;min-width:0}
#tab-data-player .enterprise-date-card,
#tab-data-player .enterprise-action-card{min-width:0;border:1px solid rgba(148,163,184,.18);border-radius:24px;background:rgba(255,255,255,.66);box-shadow:0 14px 38px rgba(15,23,42,.065);padding:15px;overflow:hidden}
#tab-data-player .enterprise-date-card-accent{background:linear-gradient(135deg,rgba(239,246,255,.88),rgba(245,243,255,.74))}
#tab-data-player .enterprise-date-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;color:#0f172a;font-size:13px;font-weight:950;letter-spacing:-.01em}
#tab-data-player .enterprise-date-range{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
#tab-data-player .enterprise-date-field{display:grid;gap:8px;min-width:0}
#tab-data-player .enterprise-date-card .date-field input.filter-date-input{width:100% !important;min-width:0 !important;max-width:none !important;height:50px !important;padding:0 44px 0 14px !important;border:0 !important;background:transparent !important;box-shadow:none !important;font-variant-numeric:tabular-nums;color:#0f172a !important;font-weight:900 !important;text-align:left !important}
#tab-data-player .enterprise-date-card .date-trigger{right:10px !important;top:50% !important;transform:translateY(-50%) !important;width:32px !important;height:32px !important;border-radius:12px !important;border:1px solid rgba(37,99,235,.10) !important;background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(124,58,237,.08)) !important;box-shadow:none !important;display:grid !important;place-items:center !important;font-size:13px !important}
#tab-data-player .enterprise-switch{position:relative;display:inline-flex;align-items:center;width:48px;height:28px;cursor:pointer;flex:0 0 auto}
#tab-data-player .enterprise-switch input{position:absolute;inset:0;opacity:0;width:48px !important;height:28px !important;cursor:pointer;margin:0 !important}
#tab-data-player .enterprise-switch span{display:block;width:48px;height:28px;border-radius:999px;background:#dbe4ef;box-shadow:inset 0 2px 5px rgba(15,23,42,.16);transition:.2s ease}
#tab-data-player .enterprise-switch span::before{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 6px 14px rgba(15,23,42,.18);transition:.2s ease}
#tab-data-player .enterprise-switch input:checked+span{background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 10px 22px rgba(37,99,235,.22)}
#tab-data-player .enterprise-switch input:checked+span::before{transform:translateX(20px)}
#tab-data-player .enterprise-action-card{display:grid;grid-template-rows:1fr auto;gap:12px;background:linear-gradient(180deg,rgba(15,23,42,.035),rgba(255,255,255,.72))}
#tab-data-player .enterprise-active-check{display:flex !important;align-items:center;justify-content:center;gap:10px;height:100%;min-height:58px;border-radius:18px;border:1px solid rgba(148,163,184,.20);background:rgba(255,255,255,.72);color:#0f172a;font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.02em;cursor:pointer}
#tab-data-player .enterprise-active-check input{position:absolute;opacity:0;pointer-events:none}
#tab-data-player .enterprise-check-box{width:19px;height:19px;border-radius:7px;border:1px solid rgba(100,116,139,.42);background:#fff;box-shadow:inset 0 1px 2px rgba(15,23,42,.08);position:relative;flex:0 0 auto}
#tab-data-player .enterprise-active-check input:checked+.enterprise-check-box{border-color:#2563eb;background:linear-gradient(135deg,#2563eb,#7c3aed)}
#tab-data-player .enterprise-active-check input:checked+.enterprise-check-box::after{content:"";position:absolute;left:6px;top:3px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
#tab-data-player .enterprise-submit{height:54px !important;width:100% !important;border-radius:18px !important;background:linear-gradient(135deg,#f8b817,#f59e0b) !important;color:#101827 !important;font-weight:950 !important;letter-spacing:.02em !important;border:1px solid rgba(217,119,6,.20) !important;box-shadow:0 18px 36px rgba(245,158,11,.24) !important}
#tab-data-player .enterprise-submit:hover{transform:translateY(-1px) !important;box-shadow:0 22px 44px rgba(245,158,11,.30) !important}
#tab-data-player .enterprise-site-tabs{display:flex !important;gap:8px !important;flex-wrap:wrap !important;margin:0 !important;padding:2px 0 0 !important}
#tab-data-player .enterprise-site-tabs .site-tab,
#tab-data-player .enterprise-site-tabs button{border-radius:999px !important;padding:9px 14px !important;border:1px solid rgba(148,163,184,.22) !important;background:rgba(255,255,255,.78) !important;color:#334155 !important;font-weight:850 !important;box-shadow:0 8px 18px rgba(15,23,42,.045) !important}
#tab-data-player .enterprise-site-tabs .active,
#tab-data-player .enterprise-site-tabs button.active{background:linear-gradient(135deg,rgba(37,99,235,.11),rgba(124,58,237,.08)) !important;border-color:rgba(37,99,235,.24) !important;color:#1d4ed8 !important}
#tab-data-player .enterprise-summary-strip{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:14px !important;margin:0 !important}
#tab-data-player .enterprise-summary-strip .summary-pill{min-height:82px !important;border-radius:22px !important;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(248,250,252,.92)) !important;border:1px solid rgba(148,163,184,.18) !important;box-shadow:0 14px 34px rgba(15,23,42,.06) !important;padding:16px 18px !important}
@media (max-width:1380px){#tab-data-player .enterprise-date-board{grid-template-columns:1fr 1fr}#tab-data-player .enterprise-action-card{grid-column:1/-1;grid-template-columns:1fr 240px;grid-template-rows:auto;align-items:center}#tab-data-player .enterprise-active-check{min-height:54px}}
@media (max-width:980px){#tab-data-player .enterprise-filter-head{align-items:flex-start;flex-direction:column}#tab-data-player .enterprise-filter-status{white-space:normal}#tab-data-player .enterprise-filter-grid,#tab-data-player .enterprise-date-board,#tab-data-player .enterprise-summary-strip{grid-template-columns:1fr !important}#tab-data-player .enterprise-action-card{grid-template-columns:1fr}}
@media (max-width:620px){#tab-data-player .enterprise-filter-shell{padding:14px;gap:14px}#tab-data-player .enterprise-player-filter{border-radius:22px !important}#tab-data-player .enterprise-date-range{grid-template-columns:1fr}#tab-data-player .enterprise-date-card,#tab-data-player .enterprise-action-card{padding:12px;border-radius:20px}#tab-data-player .enterprise-control select,#tab-data-player .enterprise-control input,#tab-data-player .enterprise-date-card .date-field{height:50px !important}}


/* Premium dashboard utama: filter situs + tanggal player */
.dashboard-filter-row-premium-v3{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:end!important;
  width:100%!important;
}
.dashboard-filter-site-field{min-width:0!important}
.dashboard-date-filter-card{
  display:flex;
  flex-direction:column;
  gap:12px;
  width:100%;
  max-width:100%;
  padding:14px;
  border-radius:22px;
  border:1px solid rgba(37,99,235,.12);
  background:
    radial-gradient(circle at top left,rgba(59,130,246,.12),transparent 38%),
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,248,255,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 14px 30px rgba(15,23,42,.055);
  overflow:visible;
}
.dashboard-date-filter-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.dashboard-date-filter-head strong{
  display:block;
  color:#0f172a;
  font-size:14px;
  line-height:1.2;
}
.dashboard-date-kicker{
  display:block;
  margin-bottom:4px;
  color:#2563eb;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.dashboard-date-badge{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(37,99,235,.08);
  border:1px solid rgba(37,99,235,.14);
  color:#1d4ed8;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}
.dashboard-date-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  width:100%;
}
.dashboard-date-field{
  display:flex;
  flex-direction:column;
  gap:7px;
  min-width:0;
  color:#334155;
  font-size:12px;
  font-weight:850;
}
.dashboard-date-input-wrap{
  min-width:0;
  width:100%;
}
.dashboard-date-input{
  width:100%;
  min-width:0;
  font-weight:800;
  letter-spacing:.02em;
}
.dashboard-range-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  width:100%;
}
.dashboard-range-btn{
  flex:1 1 92px;
  min-height:36px;
  padding:8px 10px;
  border-radius:13px;
  border:1px solid rgba(148,163,184,.22);
  background:linear-gradient(180deg,#fff,#f8fafc);
  color:#334155;
  font-size:11px;
  font-weight:950;
  letter-spacing:.03em;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(15,23,42,.045);
}
.dashboard-range-btn:hover{transform:translateY(-1px);border-color:rgba(37,99,235,.26)}
.dashboard-range-btn.active{
  background:linear-gradient(135deg,#2563eb,#7c3aed);
  color:#fff;
  border-color:rgba(37,99,235,.45);
  box-shadow:0 14px 26px rgba(37,99,235,.22);
}
.dashboard-control-shell{
  overflow:visible!important;
}
@media (max-width:1500px){
  .dashboard-filter-row-premium-v3{grid-template-columns:1fr!important}
  .dashboard-filter-row-premium-v3 .btn{width:100%}
}
@media (max-width:980px){
  .dashboard-date-grid{grid-template-columns:1fr}
  .dashboard-range-btn{flex:1 1 100%}
}

/* Telegram Bot */
.telegram-premium-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:22px;align-items:start}
.telegram-premium-card,.telegram-flow-card{position:relative;overflow:hidden;border:1px solid rgba(99,102,241,.18);box-shadow:0 24px 70px rgba(15,23,42,.08)}
.telegram-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.telegram-form-grid label{font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#243553;display:flex;flex-direction:column;gap:8px}
.telegram-form-grid input,.telegram-form-grid select{height:46px;border-radius:14px;border:1px solid #dbe7ff;background:#fff;padding:0 14px;font-weight:800;color:#06142d;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.telegram-actions{margin-top:18px}.telegram-status{margin-top:12px;font-weight:800}.telegram-preview-phone{border-radius:28px;background:linear-gradient(180deg,#eff6ff,#ffffff);border:1px solid #dce8ff;padding:18px;box-shadow:inset 0 1px 0 #fff}
.telegram-preview-msg{background:#fff;border:1px solid #dbeafe;border-radius:18px;padding:14px 16px;font-weight:950;color:#0f172a;box-shadow:0 12px 28px rgba(15,23,42,.08)}
.telegram-preview-buttons{display:grid;gap:10px;margin-top:14px}.telegram-preview-buttons button{border:0;border-radius:14px;padding:12px 14px;font-weight:950;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 12px 24px rgba(79,70,229,.18)}
@media (max-width:980px){.telegram-premium-grid{grid-template-columns:1fr}.telegram-form-grid{grid-template-columns:1fr}}

/* Deposit & Withdraw polish patch */
body[data-active-tab="data-dw"] .dw-filter-card,
body[data-active-tab="data-dw"] .dw-table-card,
body[data-active-tab="logs-dw"] .dw-log-only-card {
  overflow: hidden;
}
.dw-filter-card .enterprise-filter-shell {
  gap: 18px;
}
.dw-date-board {
  grid-template-columns: minmax(420px, 1fr) minmax(190px, 240px);
}
.dw-summary-strip {
  margin-top: 14px;
}
.dw-table-card .section-caption {
  align-items: center;
  justify-content: space-between;
}
.dw-table {
  table-layout: fixed;
  min-width: 1280px;
}
.dw-table .col-no { width: 64px; }
.dw-table .col-site { width: 170px; }
.dw-table .col-date { width: 170px; }
.dw-table .col-operator { width: 160px; }
.dw-table .col-type { width: 110px; }
.dw-table .col-user { width: 150px; }
.dw-table .col-bank { width: 240px; }
.dw-table .col-amount { width: 145px; }
.dw-table .col-status { width: 115px; }
.dw-table td,
.dw-table th {
  vertical-align: middle;
}
.dw-table .bank-cell {
  max-width: 240px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dw-table .amount-cell {
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.dw-sortable {
  cursor: pointer;
  user-select: none;
  position: relative;
  padding-right: 22px !important;
}
.dw-sortable::after {
  content: '↕';
  position: absolute;
  right: 8px;
  opacity: .35;
  font-size: 11px;
}
.dw-sortable.active::after {
  content: '↑';
  opacity: .9;
}
.dw-sortable.active.desc::after {
  content: '↓';
}
.dw-log-only-card {
  min-height: 520px;
}
@media (max-width: 1100px) {
  .dw-date-board { grid-template-columns: 1fr; }
}

/* =========================================================
   v3-final: DW premium UI + sidebar stabilization
   Purpose: fix sidebar overflow, align Data Deposit & Withdraw
   with Data Player, and make DW table/filter readable.
   ========================================================= */
:root{
  --dw-bg:#f4f7fb;
  --dw-card:#ffffff;
  --dw-card-soft:#f8fbff;
  --dw-line:#d9e3f0;
  --dw-line-soft:#e7eef8;
  --dw-text:#0f172a;
  --dw-muted:#64748b;
  --dw-blue:#2563eb;
  --dw-indigo:#4f46e5;
  --dw-gold:#f59e0b;
  --dw-shadow:0 18px 48px rgba(15,23,42,.075);
}

/* Sidebar: compact, scroll-safe, no hidden bottom menu */
.app-shell{grid-template-columns:276px minmax(0,1fr)!important;background:linear-gradient(180deg,#eef4fb 0%,#f7faff 100%)!important;}
.sidebar{width:276px!important;min-width:276px!important;max-width:276px!important;height:100vh!important;position:sticky!important;top:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:16px 12px 12px!important;background:linear-gradient(180deg,#f9fbff 0%,#eef3f9 100%)!important;border-right:1px solid rgba(148,163,184,.28)!important;box-shadow:inset -1px 0 0 rgba(255,255,255,.75)!important;scrollbar-width:thin;}
.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.sidebar::-webkit-scrollbar-track{background:transparent}
.sidebar > div:first-child{display:flex!important;flex-direction:column!important;flex:0 0 auto!important;min-height:0!important;}
.brand-wrap.side{padding:4px 4px 10px!important;margin:0 0 6px!important;gap:10px!important;}
.brand-icon{width:36px!important;height:36px!important;flex:0 0 36px!important;}
.brand-wrap.side strong{font-size:15px!important;font-weight:900!important;color:#111827!important;line-height:1.05!important;}
.brand-wrap .eyebrow{font-size:10px!important;letter-spacing:.18em!important;color:#6b7280!important;margin:0 0 2px!important;}
.sidebar-groups{display:flex!important;flex-direction:column!important;gap:10px!important;flex:0 0 auto!important;min-height:0!important;padding-top:4px!important;}
.nav-list,.nav-list-top,.nav-list-bottom,.sidebar-mid-menu{display:grid!important;gap:8px!important;margin:0!important;}
.sidebar-mid-menu{padding:10px 0!important;margin:2px 0!important;border-top:1px solid rgba(148,163,184,.28)!important;border-bottom:1px solid rgba(148,163,184,.28)!important;}
.sidebar-spacer{display:none!important;}
.nav-btn,.nav-btn-mid{min-height:44px!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;padding:9px 12px!important;border-radius:14px!important;background:rgba(255,255,255,.88)!important;border:1px solid rgba(148,163,184,.22)!important;color:#0f172a!important;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 6px 15px rgba(15,23,42,.045)!important;font-size:12px!important;font-weight:900!important;letter-spacing:.012em!important;line-height:1.2!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;}
.nav-btn:hover,.nav-btn.active,.nav-btn-mid:hover,.nav-btn-mid.active{background:linear-gradient(135deg,#eef5ff 0%,#dbeafe 100%)!important;border-color:rgba(37,99,235,.35)!important;color:#0b1b38!important;box-shadow:0 10px 22px rgba(37,99,235,.11),inset 0 1px 0 rgba(255,255,255,.95)!important;transform:none!important;}
.sidebar-bottom-actions{margin-top:12px!important;padding-top:12px!important;border-top:1px solid rgba(148,163,184,.28)!important;}
.sidebar-bottom-actions .logout,.logout{min-height:44px!important;border-radius:14px!important;font-size:12px!important;font-weight:900!important;}
.content{padding:16px!important;min-width:0!important;}.content-inner{max-width:none!important;width:100%!important;gap:16px!important;}

/* Data Deposit & Withdraw shell */
#tab-data-dw{gap:16px!important;}
#tab-data-dw .panel-head{padding:0 2px!important;align-items:center!important;}
#tab-data-dw .panel-head h2{font-size:26px!important;line-height:1.1!important;margin:0!important;color:var(--dw-text)!important;letter-spacing:-.02em!important;}
#tab-data-dw .panel-head-note{color:var(--dw-muted)!important;margin:6px 0 0!important;}
#tab-data-dw .filter-card,#tab-data-dw .table-card{background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;border:1px solid rgba(148,163,184,.20)!important;border-radius:24px!important;box-shadow:var(--dw-shadow)!important;overflow:hidden!important;}
#tab-data-dw .dw-filter-card{padding:18px!important;}
#tab-data-dw .enterprise-filter-shell{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;width:100%!important;}
#tab-data-dw .enterprise-filter-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;padding-bottom:14px!important;border-bottom:1px solid var(--dw-line-soft)!important;}
#tab-data-dw .enterprise-filter-head strong{display:block!important;color:var(--dw-text)!important;font-size:18px!important;line-height:1.15!important;}
#tab-data-dw .enterprise-filter-status{display:inline-flex!important;align-items:center!important;min-height:30px!important;padding:6px 11px!important;border-radius:999px!important;background:rgba(37,99,235,.08)!important;border:1px solid rgba(37,99,235,.14)!important;color:#1d4ed8!important;font-size:11px!important;font-weight:900!important;white-space:nowrap!important;}
#tab-data-dw .enterprise-filter-grid{display:grid!important;grid-template-columns:minmax(170px,.85fr) minmax(210px,1.05fr) minmax(170px,.8fr) minmax(260px,1.45fr)!important;gap:14px!important;align-items:end!important;}
#tab-data-dw .enterprise-field{display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important;}
#tab-data-dw .enterprise-field label,#tab-data-dw .enterprise-date-field span{font-size:12px!important;font-weight:850!important;color:#475569!important;line-height:1.2!important;}
#tab-data-dw .enterprise-control input,#tab-data-dw .enterprise-control select,#tab-data-dw .enterprise-date-field .filter-date-input{height:46px!important;border-radius:14px!important;background:#fff!important;border:1px solid rgba(148,163,184,.26)!important;color:#0f172a!important;font-weight:750!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;}
#tab-data-dw .enterprise-control input:focus,#tab-data-dw .enterprise-control select:focus,#tab-data-dw .enterprise-date-field .filter-date-input:focus{outline:none!important;border-color:rgba(37,99,235,.48)!important;box-shadow:0 0 0 3px rgba(37,99,235,.10)!important;}
#tab-data-dw .dw-date-board{display:grid!important;grid-template-columns:minmax(360px,1fr) 180px!important;gap:14px!important;align-items:stretch!important;}
#tab-data-dw .enterprise-date-card,#tab-data-dw .enterprise-action-card{border-radius:20px!important;background:linear-gradient(180deg,#ffffff,#f7fbff)!important;border:1px solid var(--dw-line-soft)!important;box-shadow:0 12px 28px rgba(15,23,42,.045)!important;padding:14px!important;}
#tab-data-dw .enterprise-date-card{display:grid!important;gap:12px!important;}
#tab-data-dw .enterprise-date-title{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;}
#tab-data-dw .enterprise-date-title span{font-size:10px!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#2563eb!important;font-weight:950!important;}
#tab-data-dw .enterprise-date-title strong{font-size:15px!important;color:var(--dw-text)!important;}
#tab-data-dw .enterprise-date-range{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
#tab-data-dw .enterprise-date-field{display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important;}
#tab-data-dw .date-field.filter-date{height:46px!important;min-width:0!important;width:100%!important;}
#tab-data-dw .date-trigger{right:8px!important;width:30px!important;height:30px!important;border-radius:10px!important;color:#2563eb!important;background:rgba(37,99,235,.08)!important;display:grid!important;place-items:center!important;}
#tab-data-dw .enterprise-action-card{display:flex!important;align-items:end!important;justify-content:stretch!important;}
#tab-data-dw .enterprise-submit{width:100%!important;height:46px!important;border-radius:15px!important;background:linear-gradient(135deg,#f8b817,#f59e0b)!important;color:#101827!important;font-weight:950!important;letter-spacing:.02em!important;box-shadow:0 16px 34px rgba(245,158,11,.22)!important;}
#tab-data-dw .enterprise-site-tabs{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:2px!important;}
#tab-data-dw .site-pill,#tab-data-dw .enterprise-site-tabs button{min-height:34px!important;padding:8px 13px!important;border-radius:999px!important;background:#fff!important;border:1px solid rgba(148,163,184,.24)!important;color:#334155!important;font-size:12px!important;font-weight:850!important;box-shadow:0 6px 15px rgba(15,23,42,.04)!important;}
#tab-data-dw .site-pill.active,#tab-data-dw .enterprise-site-tabs button.active{background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(79,70,229,.09))!important;border-color:rgba(37,99,235,.28)!important;color:#1d4ed8!important;}
#tab-data-dw .dw-summary-strip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin-top:0!important;}
#tab-data-dw .summary-pill{min-height:82px!important;padding:16px 18px!important;border-radius:20px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;border:1px solid var(--dw-line-soft)!important;box-shadow:0 12px 30px rgba(15,23,42,.05)!important;}
#tab-data-dw .summary-pill span{font-size:12px!important;color:#64748b!important;font-weight:700!important;}
#tab-data-dw .summary-pill strong{font-size:24px!important;color:#0f172a!important;line-height:1.1!important;}

/* DW table: premium, compact, not broken */
#tab-data-dw .dw-table-card{padding:16px!important;}
#tab-data-dw .dw-table-card .section-caption{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:12px!important;}
#tab-data-dw .dw-table-card .section-caption span{font-size:11px!important;letter-spacing:.14em!important;color:#64748b!important;}
#tab-data-dw .dw-table-card .section-caption strong{font-size:14px!important;color:#0f172a!important;font-weight:900!important;}
#tab-data-dw #dw-pagination{justify-content:flex-end!important;margin:0 0 12px!important;gap:8px!important;}
#tab-data-dw #dw-pagination .btn{min-height:36px!important;padding:8px 12px!important;border-radius:12px!important;font-size:12px!important;}
#tab-data-dw .page-meta{min-height:36px!important;display:inline-flex!important;align-items:center!important;padding:8px 12px!important;border-radius:999px!important;background:#f1f5f9!important;border:1px solid var(--dw-line-soft)!important;color:#475569!important;font-size:12px!important;font-weight:850!important;}
#tab-data-dw .table-wrap{overflow:auto!important;border-radius:18px!important;border:1px solid var(--dw-line-soft)!important;background:#fbfdff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;}
#tab-data-dw .dw-table{min-width:1320px!important;width:100%!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important;font-size:12px!important;}
#tab-data-dw .dw-table thead th{position:sticky!important;top:0!important;z-index:2!important;background:#edf3fb!important;color:#334155!important;border-bottom:1px solid #dbe5f1!important;padding:12px 10px!important;font-size:10.5px!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase!important;white-space:nowrap!important;}
#tab-data-dw .dw-table tbody td{padding:11px 10px!important;border-bottom:1px solid rgba(226,232,240,.9)!important;color:#111827!important;vertical-align:middle!important;line-height:1.32!important;background:#fff!important;}
#tab-data-dw .dw-table tbody tr:nth-child(even) td{background:#fbfdff!important;}
#tab-data-dw .dw-table tbody tr:hover td{background:#f4f8ff!important;}
#tab-data-dw .dw-table .col-no{width:58px!important}#tab-data-dw .dw-table .col-site{width:150px!important}#tab-data-dw .dw-table .col-date{width:164px!important}#tab-data-dw .dw-table .col-operator{width:154px!important}#tab-data-dw .dw-table .col-type{width:108px!important}#tab-data-dw .dw-table .col-user{width:145px!important}#tab-data-dw .dw-table .col-bank{width:250px!important}#tab-data-dw .dw-table .col-amount{width:142px!important}#tab-data-dw .dw-table .col-status{width:112px!important}
#tab-data-dw .bank-cell,#tab-data-dw .site-cell,#tab-data-dw .operator-cell{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#tab-data-dw .bank-cell{max-width:250px!important;color:#334155!important;}
#tab-data-dw .date-cell{font-variant-numeric:tabular-nums!important;color:#334155!important;}
#tab-data-dw .amount-cell{font-weight:950!important;font-variant-numeric:tabular-nums!important;text-align:right!important;color:#0f172a!important;}
#tab-data-dw .badge{border-radius:999px!important;padding:6px 9px!important;font-size:10.5px!important;font-weight:950!important;letter-spacing:.05em!important;}
#tab-data-dw .table-empty{padding:18px!important;color:#64748b!important;text-align:center!important;background:#fff!important;}
#tab-data-dw .dw-sortable{cursor:pointer!important;user-select:none!important;position:relative!important;padding-right:24px!important;}
#tab-data-dw .dw-sortable::after{content:'↕'!important;position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;opacity:.36!important;font-size:11px!important;color:#2563eb!important;}
#tab-data-dw .dw-sortable.active::after{content:'↑'!important;opacity:1!important}#tab-data-dw .dw-sortable.active.desc::after{content:'↓'!important;opacity:1!important}

@media (max-width:1500px){
  #tab-data-dw .enterprise-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #tab-data-dw .dw-date-board{grid-template-columns:1fr 180px!important;}
}
@media (max-width:1220px){
  .app-shell{grid-template-columns:1fr!important}.sidebar{position:relative!important;width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;max-height:none!important}.content{padding:14px!important;}
  #tab-data-dw .enterprise-filter-grid,#tab-data-dw .dw-date-board,#tab-data-dw .dw-summary-strip{grid-template-columns:1fr!important;}
}
@media (max-width:720px){
  #tab-data-dw .panel-head{align-items:flex-start!important;flex-direction:column!important;}
  #tab-data-dw .enterprise-filter-head{flex-direction:column!important;align-items:flex-start!important;}
  #tab-data-dw .enterprise-date-range{grid-template-columns:1fr!important;}
  #tab-data-dw .dw-filter-card,#tab-data-dw .dw-table-card{padding:13px!important;border-radius:20px!important;}
  #tab-data-dw .dw-table{min-width:1180px!important;}
}

/* === v4 ENTERPRISE SCALE FINAL: premium UI + large-data safe layout === */
:root{
  --v4-sidebar-w:264px;
  --v4-bg:#eef4fb;
  --v4-surface:#ffffff;
  --v4-surface-2:#f8fbff;
  --v4-line:#dce6f3;
  --v4-line-2:#eef3f9;
  --v4-text:#0f172a;
  --v4-muted:#64748b;
  --v4-brand:#2563eb;
  --v4-brand-2:#4f46e5;
  --v4-warn:#f59e0b;
  --v4-shadow:0 18px 52px rgba(15,23,42,.075);
}
html,body{background:var(--v4-bg)!important;overflow-x:hidden!important;color:var(--v4-text)!important;}
.app-shell{grid-template-columns:var(--v4-sidebar-w) minmax(0,1fr)!important;background:linear-gradient(180deg,#eef4fb 0,#f7fbff 100%)!important;min-height:100vh!important;}
.sidebar{width:var(--v4-sidebar-w)!important;min-width:var(--v4-sidebar-w)!important;max-width:var(--v4-sidebar-w)!important;height:100vh!important;position:sticky!important;top:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:14px 10px!important;background:linear-gradient(180deg,#fbfdff 0,#edf3fa 100%)!important;border-right:1px solid rgba(148,163,184,.28)!important;box-shadow:inset -1px 0 0 rgba(255,255,255,.82)!important;scrollbar-width:thin;}
.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.sidebar::-webkit-scrollbar-track{background:transparent}
.brand-wrap{gap:10px!important;padding:8px 8px 10px!important;margin-bottom:4px!important}.brand-icon{width:38px!important;height:38px!important}.brand-copy .eyebrow{font-size:10px!important;letter-spacing:.16em!important;color:#64748b!important}.brand-copy .title{font-size:15px!important;color:#0f172a!important;font-weight:950!important;line-height:1.05!important}
.sidebar-groups{gap:8px!important;min-height:0!important;padding:0!important}.nav-list,.nav-list-top,.nav-list-bottom,.sidebar-mid-menu{display:grid!important;gap:7px!important;margin:0!important}.sidebar-mid-menu{padding:10px 0!important;margin:6px 0!important;border-top:1px solid rgba(148,163,184,.25)!important;border-bottom:1px solid rgba(148,163,184,.25)!important}.sidebar-spacer{display:none!important}.sidebar-bottom-actions{margin-top:10px!important;padding-top:10px!important;border-top:1px solid rgba(148,163,184,.25)!important}
.nav-btn{min-height:38px!important;padding:10px 12px!important;border-radius:14px!important;border:1px solid rgba(148,163,184,.24)!important;background:rgba(255,255,255,.72)!important;color:#111827!important;font-size:12.5px!important;font-weight:900!important;letter-spacing:-.015em!important;display:flex!important;align-items:center!important;gap:9px!important;box-shadow:0 7px 18px rgba(15,23,42,.035)!important;transform:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.nav-btn:hover{background:#fff!important;border-color:rgba(37,99,235,.22)!important;box-shadow:0 12px 25px rgba(37,99,235,.09)!important;transform:translateY(-1px)!important}.nav-btn.active{background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(79,70,229,.10))!important;border-color:rgba(37,99,235,.34)!important;color:#1d4ed8!important;box-shadow:0 14px 30px rgba(37,99,235,.12)!important}.logout,.logout-btn{min-height:42px!important;border-radius:14px!important;background:linear-gradient(135deg,#fb7185,#ef4444)!important;color:#fff!important;font-weight:950!important}
.content{min-width:0!important;width:100%!important;padding:16px 18px 12px!important;background:transparent!important}.content-inner{min-width:0!important;width:100%!important;max-width:100%!important;margin:0!important;gap:14px!important}.tab-panel.active{display:grid!important;gap:14px!important;min-width:0!important}.panel-head{padding:0 2px!important;align-items:center!important}.panel-head h2{font-size:22px!important;letter-spacing:-.025em!important;color:#0f172a!important}.panel-head .muted{font-size:13px!important;color:#64748b!important}
.card,.filter-card,.table-card{border-radius:24px!important;background:rgba(255,255,255,.92)!important;border:1px solid var(--v4-line)!important;box-shadow:var(--v4-shadow)!important;color:#0f172a!important}.table-card{overflow:hidden!important}.enterprise-filter-shell{display:grid!important;gap:14px!important}.enterprise-filter-grid{display:grid!important;grid-template-columns:minmax(150px,.85fr) minmax(190px,1fr) minmax(150px,.75fr) minmax(240px,1.35fr)!important;gap:12px!important;align-items:end!important}.enterprise-field,.enterprise-date-field{display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important}.enterprise-field label,.enterprise-date-field span{font-size:11.5px!important;font-weight:900!important;color:#475569!important}.enterprise-control input,.enterprise-control select,.filter-date-input{height:42px!important;border-radius:14px!important;background:#fff!important;border:1px solid rgba(148,163,184,.28)!important;color:#0f172a!important;font-weight:750!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important}.enterprise-control input:focus,.enterprise-control select:focus,.filter-date-input:focus{outline:none!important;border-color:rgba(37,99,235,.5)!important;box-shadow:0 0 0 3px rgba(37,99,235,.11)!important}
#tab-data-dw .dw-filter-card{padding:16px!important;margin-bottom:0!important}#tab-data-dw .dw-date-board{display:grid!important;grid-template-columns:minmax(380px,1fr) 164px!important;gap:12px!important;align-items:stretch!important}#tab-data-dw .enterprise-date-card,#tab-data-dw .enterprise-action-card{border-radius:20px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;border:1px solid var(--v4-line-2)!important;box-shadow:0 10px 28px rgba(15,23,42,.045)!important;padding:12px!important}#tab-data-dw .enterprise-date-title span{font-size:10px!important;letter-spacing:.14em!important;color:#2563eb!important;font-weight:950!important;text-transform:uppercase!important}#tab-data-dw .enterprise-date-range{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}#tab-data-dw .date-field.filter-date{height:42px!important;width:100%!important}.date-trigger{right:8px!important;width:28px!important;height:28px!important;border-radius:10px!important;color:#2563eb!important;background:rgba(37,99,235,.08)!important}.enterprise-submit{height:42px!important;width:100%!important;border-radius:14px!important;background:linear-gradient(135deg,#f8b817,#f59e0b)!important;color:#111827!important;font-weight:950!important;box-shadow:0 14px 28px rgba(245,158,11,.20)!important}
#tab-data-dw .enterprise-site-tabs{display:flex!important;gap:7px!important;flex-wrap:wrap!important;margin-top:0!important}#tab-data-dw .site-pill{min-height:32px!important;padding:7px 12px!important;border-radius:999px!important;background:#fff!important;border:1px solid rgba(148,163,184,.26)!important;color:#334155!important;font-size:12px!important;font-weight:850!important;box-shadow:0 5px 14px rgba(15,23,42,.04)!important}#tab-data-dw .site-pill.active{background:linear-gradient(135deg,rgba(37,99,235,.13),rgba(79,70,229,.09))!important;color:#1d4ed8!important;border-color:rgba(37,99,235,.32)!important}
#tab-data-dw .dw-summary-strip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}#tab-data-dw .summary-pill{min-height:78px!important;border-radius:20px!important;padding:14px 16px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;border:1px solid var(--v4-line-2)!important;box-shadow:0 10px 26px rgba(15,23,42,.045)!important}#tab-data-dw .summary-pill span{font-size:11.5px!important;color:#64748b!important;font-weight:800!important}#tab-data-dw .summary-pill strong{font-size:23px!important;color:#0f172a!important;line-height:1.1!important;font-variant-numeric:tabular-nums!important}
#tab-data-dw .dw-table-card{padding:14px!important}#tab-data-dw .section-caption{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:10px!important}#tab-data-dw .section-caption span{font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#64748b!important;font-weight:900!important}#tab-data-dw .section-caption strong{font-size:12.5px!important;color:#334155!important}#dw-pagination{margin:0 0 10px!important;gap:7px!important;justify-content:flex-end!important}.page-meta{min-height:34px!important;padding:7px 11px!important;border-radius:999px!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;color:#475569!important;font-size:12px!important;font-weight:850!important}
#tab-data-dw .table-wrap{overflow:auto!important;border-radius:18px!important;border:1px solid var(--v4-line-2)!important;background:#fbfdff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;max-height:calc(100vh - 420px)!important;min-height:250px!important}#tab-data-dw .dw-table{min-width:1320px!important;width:100%!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important;font-size:12px!important}#tab-data-dw .dw-table thead th{position:sticky!important;top:0!important;z-index:3!important;background:#edf3fb!important;color:#334155!important;border-bottom:1px solid #dbe5f1!important;padding:11px 9px!important;font-size:10.5px!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase!important;white-space:nowrap!important}#tab-data-dw .dw-table tbody td{padding:10px 9px!important;border-bottom:1px solid rgba(226,232,240,.9)!important;color:#111827!important;background:#fff!important;vertical-align:middle!important;line-height:1.32!important}#tab-data-dw .dw-table tbody tr:nth-child(even) td{background:#fbfdff!important}#tab-data-dw .dw-table tbody tr:hover td{background:#f4f8ff!important}
#tab-data-dw .dw-table .col-no{width:56px!important}#tab-data-dw .dw-table .col-site{width:145px!important}#tab-data-dw .dw-table .col-date{width:162px!important}#tab-data-dw .dw-table .col-operator{width:150px!important}#tab-data-dw .dw-table .col-type{width:106px!important}#tab-data-dw .dw-table .col-user{width:140px!important}#tab-data-dw .dw-table .col-bank{width:250px!important}#tab-data-dw .dw-table .col-amount{width:136px!important}#tab-data-dw .dw-table .col-status{width:112px!important}#tab-data-dw .site-cell,#tab-data-dw .operator-cell,#tab-data-dw .bank-cell{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}#tab-data-dw .bank-cell{max-width:250px!important;color:#334155!important;font-size:11.5px!important}#tab-data-dw .date-cell{font-variant-numeric:tabular-nums!important;color:#334155!important;font-size:11.5px!important}#tab-data-dw .amount-cell{text-align:right!important;font-weight:950!important;font-variant-numeric:tabular-nums!important;color:#0f172a!important}.dw-sortable{cursor:pointer!important;user-select:none!important;position:relative!important;padding-right:22px!important}.dw-sortable::after{content:'↕'!important;position:absolute!important;right:7px!important;top:50%!important;transform:translateY(-50%)!important;opacity:.35!important;color:#2563eb!important}.dw-sortable.active::after{content:'↑'!important;opacity:1!important}.dw-sortable.active.desc::after{content:'↓'!important;opacity:1!important}
#tab-data-dw .badge{border-radius:999px!important;padding:5px 8px!important;font-size:10.5px!important;font-weight:950!important;letter-spacing:.04em!important}.table-empty{padding:18px!important;color:#64748b!important;text-align:center!important;background:#fff!important}.global-footer{position:static!important;margin-top:auto!important;padding:12px 0 8px!important;color:#64748b!important}
@media (max-width:1380px){:root{--v4-sidebar-w:246px}.enterprise-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#tab-data-dw .dw-date-board{grid-template-columns:1fr 160px!important}#tab-data-dw .dw-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:900px){.app-shell{grid-template-columns:1fr!important}.sidebar{position:relative!important;width:100%!important;max-width:none!important;min-width:0!important;height:auto!important}.content{padding:12px!important}.enterprise-filter-grid,#tab-data-dw .dw-date-board,#tab-data-dw .dw-summary-strip,#tab-data-dw .enterprise-date-range{grid-template-columns:1fr!important}#tab-data-dw .table-wrap{max-height:none!important}.panel-head{align-items:flex-start!important;flex-direction:column!important}}

/* =========================================================
   V4.1 FINAL UI PATCH - DATA DEPOSIT & WITHDRAW
   Goal: mengikuti struktur visual DATA PLAYER, rapi, stabil,
   dan tidak mewarisi sticky/width khusus player-table.
   ========================================================= */
html, body { max-width: 100%; overflow-x: hidden; }
.app-shell{
  display:grid !important;
  grid-template-columns:248px minmax(0,1fr) !important;
  min-height:100vh !important;
  width:100% !important;
  max-width:100vw !important;
}
.sidebar{
  width:248px !important;
  min-width:248px !important;
  max-width:248px !important;
  height:100vh !important;
  max-height:100vh !important;
  position:sticky !important;
  top:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:14px 12px !important;
  scrollbar-width:thin !important;
}
.sidebar .brand-wrap.side{margin-bottom:12px !important; min-width:0 !important;}
.sidebar-groups{display:flex !important; flex-direction:column !important; min-height:0 !important; gap:8px !important;}
.nav-list,.sidebar-mid-menu{display:grid !important; gap:6px !important; width:100% !important;}
.nav-btn{
  width:100% !important;
  min-height:38px !important;
  padding:9px 10px !important;
  border-radius:13px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  text-align:left !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow:hidden !important;
  line-height:1.15 !important;
  font-size:12px !important;
  letter-spacing:.01em !important;
}
.sidebar-bottom-actions{position:static !important; margin-top:12px !important; padding-top:10px !important;}
.sidebar-bottom-actions .logout{width:100% !important; min-height:38px !important; border-radius:13px !important;}
.content{min-width:0 !important; max-width:100% !important; overflow:hidden !important; padding:18px 20px !important;}
.content-inner{min-width:0 !important; max-width:100% !important;}

/* Data D/W shell: same rhythm as Data Player */
#tab-data-dw{
  --dw-ui-bg:#f6f8fb;
  --dw-ui-card:#ffffff;
  --dw-ui-card-soft:#f8fbff;
  --dw-ui-border:#dfe7f2;
  --dw-ui-border-soft:#e8eef7;
  --dw-ui-text:#0f172a;
  --dw-ui-muted:#64748b;
  --dw-ui-blue:#2563eb;
  --dw-ui-blue-soft:#eaf1ff;
  --dw-ui-gold:#f59e0b;
  --dw-ui-shadow:0 18px 46px rgba(15,23,42,.075);
  color:var(--dw-ui-text) !important;
}
#tab-data-dw *{box-sizing:border-box !important;}
#tab-data-dw .panel-head{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:14px !important;
  margin-bottom:14px !important;
}
#tab-data-dw .panel-head h2{
  margin:0 !important;
  font-size:26px !important;
  line-height:1.12 !important;
  font-weight:950 !important;
  letter-spacing:-.03em !important;
  color:var(--dw-ui-text) !important;
}
#tab-data-dw .panel-head .muted{
  margin:4px 0 0 !important;
  color:var(--dw-ui-muted) !important;
  font-size:13px !important;
}
#tab-data-dw .panel-head .btn,
#tab-data-dw #dw-export-csv{
  height:40px !important;
  min-height:40px !important;
  padding:0 16px !important;
  border-radius:14px !important;
  font-weight:900 !important;
}
#tab-data-dw .card,
#tab-data-dw .filter-card,
#tab-data-dw .table-card{
  width:100% !important;
  max-width:100% !important;
  background:linear-gradient(180deg,#fff 0%,#f9fcff 100%) !important;
  border:1px solid rgba(148,163,184,.20) !important;
  border-radius:22px !important;
  box-shadow:var(--dw-ui-shadow) !important;
  overflow:hidden !important;
}
#tab-data-dw .dw-filter-card{
  padding:16px !important;
  margin-bottom:14px !important;
}
#tab-data-dw .enterprise-filter-shell{
  display:grid !important;
  gap:14px !important;
  width:100% !important;
  min-width:0 !important;
}
#tab-data-dw .enterprise-filter-grid{
  display:grid !important;
  grid-template-columns:minmax(150px,.75fr) minmax(170px,.85fr) minmax(150px,.65fr) minmax(250px,1.35fr) !important;
  align-items:end !important;
  gap:12px !important;
  width:100% !important;
  min-width:0 !important;
}
#tab-data-dw .enterprise-field{
  display:flex !important;
  flex-direction:column !important;
  gap:7px !important;
  min-width:0 !important;
}
#tab-data-dw .enterprise-field label,
#tab-data-dw .enterprise-date-field > span{
  display:block !important;
  margin:0 !important;
  color:#475569 !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.025em !important;
  text-transform:uppercase !important;
}
#tab-data-dw .enterprise-control,
#tab-data-dw .enterprise-control select,
#tab-data-dw .enterprise-control input,
#tab-data-dw .date-field.filter-date,
#tab-data-dw .filter-date-input{
  width:100% !important;
  min-width:0 !important;
}
#tab-data-dw .enterprise-control input,
#tab-data-dw .enterprise-control select,
#tab-data-dw .filter-date-input{
  height:44px !important;
  min-height:44px !important;
  border-radius:14px !important;
  border:1px solid rgba(148,163,184,.30) !important;
  background:#fff !important;
  color:var(--dw-ui-text) !important;
  font-size:13px !important;
  font-weight:760 !important;
  line-height:44px !important;
  padding:0 12px !important;
  outline:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92) !important;
}
#tab-data-dw .enterprise-control select{appearance:auto !important;}
#tab-data-dw .enterprise-control input:focus,
#tab-data-dw .enterprise-control select:focus,
#tab-data-dw .filter-date-input:focus{
  border-color:rgba(37,99,235,.54) !important;
  box-shadow:0 0 0 3px rgba(37,99,235,.11) !important;
}
#tab-data-dw .dw-date-board{
  display:grid !important;
  grid-template-columns:minmax(420px,1fr) 178px !important;
  gap:12px !important;
  align-items:stretch !important;
  width:100% !important;
  min-width:0 !important;
}
#tab-data-dw .enterprise-date-card,
#tab-data-dw .enterprise-action-card{
  min-width:0 !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,#fff,#f7fbff) !important;
  border:1px solid var(--dw-ui-border-soft) !important;
  box-shadow:0 10px 26px rgba(15,23,42,.045) !important;
  padding:13px !important;
}
#tab-data-dw .enterprise-date-title{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin-bottom:10px !important;
}
#tab-data-dw .enterprise-date-title span{
  font-size:11px !important;
  font-weight:950 !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
  color:var(--dw-ui-blue) !important;
}
#tab-data-dw .enterprise-date-range{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
}
#tab-data-dw .enterprise-date-field{
  display:flex !important;
  flex-direction:column !important;
  gap:7px !important;
  min-width:0 !important;
}
#tab-data-dw .date-field.filter-date{
  height:44px !important;
  border-radius:14px !important;
  position:relative !important;
  overflow:hidden !important;
}
#tab-data-dw .date-trigger{
  position:absolute !important;
  right:7px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:30px !important;
  height:30px !important;
  border-radius:10px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(37,99,235,.08) !important;
  color:var(--dw-ui-blue) !important;
  border:1px solid rgba(37,99,235,.12) !important;
  padding:0 !important;
}
#tab-data-dw .enterprise-action-card{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:stretch !important;
}
#tab-data-dw .enterprise-submit{
  width:100% !important;
  height:44px !important;
  min-height:44px !important;
  border-radius:14px !important;
  border:0 !important;
  color:#121826 !important;
  background:linear-gradient(135deg,#ffd45a,#f59e0b) !important;
  box-shadow:0 15px 28px rgba(245,158,11,.20) !important;
  font-size:12px !important;
  font-weight:950 !important;
  letter-spacing:.04em !important;
}
#tab-data-dw .enterprise-site-tabs{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  min-width:0 !important;
}
#tab-data-dw .enterprise-site-tabs button,
#tab-data-dw .site-pill{
  min-height:32px !important;
  max-width:210px !important;
  padding:7px 12px !important;
  border-radius:999px !important;
  border:1px solid rgba(148,163,184,.24) !important;
  background:#fff !important;
  color:#334155 !important;
  font-size:12px !important;
  font-weight:850 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  box-shadow:0 5px 14px rgba(15,23,42,.035) !important;
}
#tab-data-dw .enterprise-site-tabs button.active,
#tab-data-dw .site-pill.active{
  border-color:rgba(37,99,235,.35) !important;
  background:linear-gradient(135deg,rgba(37,99,235,.13),rgba(79,70,229,.08)) !important;
  color:#1d4ed8 !important;
}
#tab-data-dw .dw-summary-strip{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  width:100% !important;
  margin:0 !important;
}
#tab-data-dw .summary-pill{
  min-width:0 !important;
  min-height:78px !important;
  display:grid !important;
  align-content:center !important;
  gap:7px !important;
  padding:14px 16px !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  border:1px solid var(--dw-ui-border-soft) !important;
  box-shadow:0 10px 24px rgba(15,23,42,.045) !important;
}
#tab-data-dw .summary-pill span{
  color:var(--dw-ui-muted) !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.1 !important;
}
#tab-data-dw .summary-pill strong{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  color:var(--dw-ui-text) !important;
  font-size:22px !important;
  line-height:1.1 !important;
  font-weight:950 !important;
  font-variant-numeric:tabular-nums !important;
}
#tab-data-dw .summary-pill strong.positive{color:#166534 !important;}
#tab-data-dw .summary-pill strong.negative{color:#be123c !important;}

/* Data D/W table: copied rhythm from Data Player but independent from player-table */
#tab-data-dw .dw-table-card{
  padding:14px !important;
  border-radius:22px !important;
}
#tab-data-dw .dw-table-card .section-caption{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin:0 0 10px !important;
}
#tab-data-dw .dw-table-card .section-caption span{
  color:#64748b !important;
  font-size:11px !important;
  font-weight:950 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
}
#tab-data-dw .dw-table-card .section-caption strong{
  color:#334155 !important;
  font-size:12px !important;
  font-weight:850 !important;
}
#tab-data-dw #dw-pagination{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  margin:0 0 10px !important;
}
#tab-data-dw #dw-pagination .btn{
  min-height:34px !important;
  height:34px !important;
  padding:0 12px !important;
  border-radius:12px !important;
  font-size:12px !important;
  font-weight:850 !important;
}
#tab-data-dw .page-meta{
  min-height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  padding:0 12px !important;
  border-radius:999px !important;
  border:1px solid var(--dw-ui-border-soft) !important;
  background:#f1f5f9 !important;
  color:#475569 !important;
  font-size:12px !important;
  font-weight:850 !important;
}
#tab-data-dw .table-wrap{
  width:100% !important;
  max-width:100% !important;
  overflow:auto !important;
  border-radius:16px !important;
  border:1px solid var(--dw-ui-border-soft) !important;
  background:#fbfdff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85) !important;
}
#tab-data-dw .dw-table{
  width:100% !important;
  min-width:1520px !important;
  table-layout:fixed !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  font-size:12px !important;
  background:#fff !important;
}
#tab-data-dw .dw-table col.col-no{width:58px !important;}
#tab-data-dw .dw-table col.col-site{width:150px !important;}
#tab-data-dw .dw-table col.col-date{width:170px !important;}
#tab-data-dw .dw-table col.col-operator{width:155px !important;}
#tab-data-dw .dw-table col.col-type{width:112px !important;}
#tab-data-dw .dw-table col.col-user{width:150px !important;}
#tab-data-dw .dw-table col.col-bank{width:270px !important;}
#tab-data-dw .dw-table col.col-amount{width:150px !important;}
#tab-data-dw .dw-table col.col-status{width:120px !important;}
#tab-data-dw .dw-table th,
#tab-data-dw .dw-table td{
  position:static !important;
  left:auto !important;
  z-index:auto !important;
  box-shadow:none !important;
  max-width:none !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  vertical-align:middle !important;
}
#tab-data-dw .dw-table thead th{
  position:sticky !important;
  top:0 !important;
  z-index:3 !important;
  padding:12px 10px !important;
  background:#eef4fb !important;
  color:#334155 !important;
  border-bottom:1px solid #dbe5f1 !important;
  font-size:10.5px !important;
  line-height:1.15 !important;
  font-weight:950 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  text-align:center !important;
}
#tab-data-dw .dw-table thead th:first-child{text-align:left !important;}
#tab-data-dw .dw-table tbody td{
  padding:11px 10px !important;
  border-bottom:1px solid rgba(226,232,240,.88) !important;
  color:#0f172a !important;
  background:#fff !important;
  line-height:1.25 !important;
  text-align:center !important;
}
#tab-data-dw .dw-table tbody td:first-child{text-align:left !important; color:#64748b !important; font-weight:800 !important;}
#tab-data-dw .dw-table tbody tr:nth-child(even) td{background:#f8fbff !important;}
#tab-data-dw .dw-table tbody tr:hover td{background:#eef6ff !important;}
#tab-data-dw .site-cell,
#tab-data-dw .operator-cell,
#tab-data-dw .user-cell,
#tab-data-dw .bank-cell,
#tab-data-dw .date-cell,
#tab-data-dw .amount-cell{
  display:table-cell !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
#tab-data-dw .site-cell,
#tab-data-dw .operator-cell,
#tab-data-dw .user-cell strong{font-weight:900 !important; color:#0f172a !important;}
#tab-data-dw .bank-cell{color:#334155 !important; font-size:12px !important;}
#tab-data-dw .date-cell{color:#334155 !important; font-size:12px !important; font-variant-numeric:tabular-nums !important;}
#tab-data-dw .amount-cell{text-align:right !important; font-weight:950 !important; font-variant-numeric:tabular-nums !important; color:#0f172a !important;}
#tab-data-dw .badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  max-width:100% !important;
  min-height:24px !important;
  padding:5px 9px !important;
  border-radius:999px !important;
  font-size:10.5px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.04em !important;
  white-space:nowrap !important;
}
#tab-data-dw .table-empty{
  padding:22px 16px !important;
  color:#64748b !important;
  text-align:center !important;
  background:#fff !important;
  font-weight:800 !important;
}
#tab-data-dw .dw-sortable{
  cursor:pointer !important;
  user-select:none !important;
  position:relative !important;
  padding-right:23px !important;
}
#tab-data-dw .dw-sortable:hover{color:#1d4ed8 !important;}
#tab-data-dw .dw-sortable::after{
  content:'↕' !important;
  position:absolute !important;
  right:8px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  opacity:.34 !important;
  color:var(--dw-ui-blue) !important;
  font-size:11px !important;
}
#tab-data-dw .dw-sortable.active::after{content:'↑' !important; opacity:1 !important;}
#tab-data-dw .dw-sortable.active.desc::after{content:'↓' !important; opacity:1 !important;}

@media (min-width:1600px){
  .app-shell{grid-template-columns:252px minmax(0,1fr) !important;}
  .sidebar{width:252px !important; min-width:252px !important; max-width:252px !important;}
  #tab-data-dw .dw-table{min-width:0 !important;}
}
@media (max-width:1450px){
  #tab-data-dw .enterprise-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  #tab-data-dw .dw-date-board{grid-template-columns:minmax(0,1fr) 178px !important;}
  #tab-data-dw .dw-table{min-width:1460px !important;}
}
@media (max-width:1100px){
  .app-shell{grid-template-columns:1fr !important;}
  .sidebar{position:relative !important; width:100% !important; max-width:none !important; min-width:0 !important; height:auto !important; max-height:none !important;}
  .content{padding:14px !important;}
  #tab-data-dw .panel-head{align-items:flex-start !important; flex-direction:column !important;}
  #tab-data-dw .enterprise-filter-grid,
  #tab-data-dw .dw-date-board,
  #tab-data-dw .dw-summary-strip{grid-template-columns:1fr !important;}
  #tab-data-dw .enterprise-date-range{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:720px){
  #tab-data-dw .panel-head h2{font-size:22px !important;}
  #tab-data-dw .dw-filter-card,
  #tab-data-dw .dw-table-card{padding:12px !important; border-radius:18px !important;}
  #tab-data-dw .enterprise-date-range{grid-template-columns:1fr !important;}
  #tab-data-dw .dw-table-card .section-caption{align-items:flex-start !important; flex-direction:column !important;}
  #tab-data-dw .dw-table{min-width:1320px !important;}
}

/* =========================================================
   V4.2 SCROLL + SIDEBAR FINAL PATCH
   Fix: page/dashboard tidak bisa scroll karena override lama
   pernah mengunci height/overflow. Patch ini diletakkan paling
   bawah agar menang dari patch v3/v4/v4.1 sebelumnya.
   ========================================================= */
:root{
  --sb-w:260px;
  --sb-bg-1:#f8fbff;
  --sb-bg-2:#edf3fb;
  --sb-line:#dbe5f1;
  --sb-text:#0f172a;
  --sb-muted:#64748b;
  --sb-blue:#2563eb;
  --sb-blue-soft:#eaf2ff;
  --sb-shadow:0 18px 48px rgba(15,23,42,.08);
}
html,
body{
  height:auto !important;
  min-height:100% !important;
  max-height:none !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior-y:auto !important;
}
body{
  display:block !important;
  min-height:100vh !important;
  background:linear-gradient(180deg,#edf2f8 0%,#f7faff 100%) !important;
}
.app-shell{
  width:100% !important;
  max-width:100vw !important;
  min-height:100vh !important;
  height:auto !important;
  max-height:none !important;
  display:grid !important;
  grid-template-columns:var(--sb-w) minmax(0,1fr) !important;
  align-items:start !important;
  overflow:visible !important;
  background:linear-gradient(180deg,#edf2f8 0%,#f7faff 100%) !important;
}
.content,
main.content{
  min-width:0 !important;
  width:100% !important;
  min-height:100vh !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  overflow-y:visible !important;
  overflow-x:visible !important;
  padding:18px 20px 24px !important;
  background:transparent !important;
}
.content-inner{
  width:100% !important;
  max-width:100% !important;
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  margin:0 !important;
  display:grid !important;
  gap:16px !important;
}
.tab-panel{
  min-width:0 !important;
  max-width:100% !important;
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
}
.tab-panel.active{
  display:grid !important;
  gap:16px !important;
}
.card,
.filter-card,
.table-card,
.history-card,
.queue-card,
.data-card,
.site-health,
.hero-card,
.dashboard-main-card-v2{
  max-width:100% !important;
}

/* Sidebar final: compact, premium, scroll-safe */
.sidebar{
  position:sticky !important;
  top:0 !important;
  align-self:start !important;
  width:var(--sb-w) !important;
  min-width:var(--sb-w) !important;
  max-width:var(--sb-w) !important;
  height:100vh !important;
  height:100dvh !important;
  min-height:100vh !important;
  max-height:100vh !important;
  max-height:100dvh !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  gap:12px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:14px 12px !important;
  background:
    radial-gradient(circle at 30% 0%,rgba(96,165,250,.18),transparent 34%),
    linear-gradient(180deg,var(--sb-bg-1) 0%,var(--sb-bg-2) 100%) !important;
  border-right:1px solid rgba(148,163,184,.30) !important;
  box-shadow:inset -1px 0 0 rgba(255,255,255,.75), 12px 0 36px rgba(15,23,42,.035) !important;
  scrollbar-width:thin !important;
  scrollbar-color:#c7d2e2 transparent !important;
}
.sidebar::-webkit-scrollbar{width:7px !important;}
.sidebar::-webkit-scrollbar-thumb{background:#c7d2e2 !important;border-radius:999px !important;border:2px solid transparent !important;background-clip:content-box !important;}
.sidebar::-webkit-scrollbar-track{background:transparent !important;}
.sidebar > div:first-child{
  display:flex !important;
  flex-direction:column !important;
  flex:0 0 auto !important;
  min-height:0 !important;
  width:100% !important;
}
.brand-wrap.side,
.sidebar .brand-wrap.side,
.brand-wrap{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:10px 10px 12px !important;
  margin:0 0 8px !important;
  border:1px solid rgba(148,163,184,.22) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.72) !important;
  box-shadow:0 10px 24px rgba(15,23,42,.045), inset 0 1px 0 rgba(255,255,255,.95) !important;
}
.brand-icon{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  flex:0 0 34px !important;
}
.brand-wrap.side .eyebrow,
.brand-wrap .eyebrow{
  margin:0 0 2px !important;
  color:#7c8aa0 !important;
  font-size:9.5px !important;
  line-height:1 !important;
  letter-spacing:.18em !important;
  font-weight:950 !important;
}
.brand-wrap.side strong,
.brand-wrap strong{
  display:block !important;
  color:var(--sb-text) !important;
  font-size:14px !important;
  line-height:1.05 !important;
  font-weight:950 !important;
  letter-spacing:-.02em !important;
}
.sidebar-groups{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  flex:0 0 auto !important;
  min-height:0 !important;
  gap:8px !important;
  padding:0 !important;
  margin:0 !important;
}
.nav-list,
.nav-list-top,
.nav-list-bottom,
.sidebar-mid-menu{
  width:100% !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:7px !important;
  margin:0 !important;
  padding:0 !important;
}
.sidebar-mid-menu{
  margin:3px 0 !important;
  padding:10px 0 !important;
  border-top:1px solid rgba(148,163,184,.24) !important;
  border-bottom:1px solid rgba(148,163,184,.24) !important;
}
.sidebar-spacer{display:none !important;}
.nav-btn,
.nav-btn-mid,
.sidebar .nav-btn{
  width:100% !important;
  min-height:40px !important;
  height:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  padding:9px 11px !important;
  border-radius:14px !important;
  border:1px solid rgba(148,163,184,.24) !important;
  background:rgba(255,255,255,.82) !important;
  color:var(--sb-text) !important;
  box-shadow:0 6px 16px rgba(15,23,42,.035), inset 0 1px 0 rgba(255,255,255,.9) !important;
  font-size:12px !important;
  line-height:1.18 !important;
  font-weight:900 !important;
  letter-spacing:-.01em !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  text-align:left !important;
  transform:none !important;
}
.nav-btn:hover,
.nav-btn-mid:hover{
  background:#ffffff !important;
  border-color:rgba(37,99,235,.28) !important;
  color:#0f172a !important;
  box-shadow:0 12px 26px rgba(37,99,235,.10), inset 0 1px 0 rgba(255,255,255,.98) !important;
  transform:translateY(-1px) !important;
}
.nav-btn.active,
.nav-btn-mid.active,
.sidebar .nav-btn.active{
  background:linear-gradient(135deg,#eaf2ff 0%,#eef2ff 100%) !important;
  border-color:rgba(37,99,235,.42) !important;
  color:#1d4ed8 !important;
  box-shadow:0 14px 30px rgba(37,99,235,.13), inset 3px 0 0 #2563eb !important;
}
.sidebar-bottom-actions{
  flex:0 0 auto !important;
  width:100% !important;
  margin:4px 0 0 !important;
  padding:10px 0 0 !important;
  border-top:1px solid rgba(148,163,184,.24) !important;
}
.sidebar-bottom-actions form{width:100% !important;}
.sidebar-bottom-actions .logout,
.logout,
.logout-btn{
  width:100% !important;
  min-height:42px !important;
  border-radius:14px !important;
  border:0 !important;
  background:linear-gradient(135deg,#fb7185,#ef4444) !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:950 !important;
  box-shadow:0 14px 28px rgba(239,68,68,.20) !important;
}

/* Data table scroll: horizontal scroll only inside table; page scroll remains normal */
.table-wrap,
.premium-table-wrap,
#tab-data-dw .table-wrap,
#tab-data-player .table-wrap{
  max-width:100% !important;
  overflow:auto !important;
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch !important;
}
#tab-data-dw .table-wrap{
  max-height:none !important;
  min-height:260px !important;
}
#tab-data-player .table-wrap{
  max-height:none !important;
}
.global-footer{
  position:static !important;
  margin-top:18px !important;
}
@media (max-width:1100px){
  :root{--sb-w:100%;}
  .app-shell{
    display:block !important;
    min-height:100vh !important;
    height:auto !important;
    overflow:visible !important;
  }
  .sidebar{
    position:relative !important;
    top:auto !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(148,163,184,.28) !important;
  }
  .content,
  main.content{
    min-height:0 !important;
    padding:12px !important;
  }
}

/* =========================================================
   v4.3 FINAL SCROLL + SIDEBAR FIX
   Purpose:
   - Main dashboard/content scrolls vertically.
   - Sidebar menu scrolls independently.
   - Tables keep their own horizontal scroll only.
   - Overrides older duplicated 100vh/overflow rules safely.
   ========================================================= */
:root{
  --sidebar-final-w: 252px;
  --sidebar-final-bg: #071326;
  --sidebar-final-bg-2: #0b1830;
  --sidebar-final-line: rgba(148,163,184,.22);
  --sidebar-final-card: rgba(255,255,255,.07);
  --sidebar-final-card-hover: rgba(255,255,255,.12);
  --sidebar-final-text: #eaf2ff;
  --sidebar-final-muted: #9fb0c8;
  --sidebar-final-accent: #69a7ff;
}
html,
body{
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  overscroll-behavior:none !important;
}
body{
  display:block !important;
  background:radial-gradient(circle at top left,#11264a 0,#07111f 42%,#030712 100%) !important;
}
.app-shell{
  width:100vw !important;
  height:100vh !important;
  height:100dvh !important;
  min-height:0 !important;
  max-height:100vh !important;
  max-height:100dvh !important;
  display:grid !important;
  grid-template-columns:var(--sidebar-final-w) minmax(0,1fr) !important;
  overflow:hidden !important;
  position:relative !important;
}
.sidebar{
  grid-column:1 !important;
  position:relative !important;
  inset:auto !important;
  top:auto !important;
  left:auto !important;
  align-self:stretch !important;
  width:var(--sidebar-final-w) !important;
  min-width:var(--sidebar-final-w) !important;
  max-width:var(--sidebar-final-w) !important;
  height:100vh !important;
  height:100dvh !important;
  min-height:0 !important;
  max-height:100vh !important;
  max-height:100dvh !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior:contain !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  gap:12px !important;
  padding:14px 12px 16px !important;
  background:
    radial-gradient(circle at 20% 0%,rgba(105,167,255,.22),transparent 34%),
    linear-gradient(180deg,var(--sidebar-final-bg),var(--sidebar-final-bg-2)) !important;
  border-right:1px solid rgba(148,163,184,.18) !important;
  box-shadow:12px 0 34px rgba(0,0,0,.22), inset -1px 0 0 rgba(255,255,255,.04) !important;
  z-index:20 !important;
  scrollbar-width:thin !important;
  scrollbar-color:rgba(105,167,255,.55) rgba(255,255,255,.05) !important;
}
.sidebar::-webkit-scrollbar{width:9px !important;}
.sidebar::-webkit-scrollbar-track{background:rgba(255,255,255,.04) !important;border-radius:999px !important;}
.sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(105,167,255,.75),rgba(124,92,255,.58)) !important;border-radius:999px !important;border:2px solid rgba(7,19,38,.94) !important;}
.sidebar > div:first-child{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  flex:0 0 auto !important;
  min-height:0 !important;
}
.sidebar-groups,
.nav-list,
.nav-list-top,
.nav-list-bottom,
.sidebar-mid-menu{
  width:100% !important;
  min-width:0 !important;
}
.sidebar-groups{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  padding:0 !important;
  margin:0 !important;
  flex:0 0 auto !important;
}
.nav-list,
.nav-list-top,
.nav-list-bottom{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:8px !important;
  padding:0 !important;
  margin:0 !important;
}
.sidebar-mid-menu{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:8px !important;
  margin:6px 0 !important;
  padding:10px 0 !important;
  border-top:1px solid rgba(148,163,184,.16) !important;
  border-bottom:1px solid rgba(148,163,184,.16) !important;
}
.sidebar-spacer{display:none !important;}
.brand-wrap.side,
.sidebar .brand-wrap,
.sidebar .brand-wrap.side{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-width:0 !important;
  padding:11px 10px !important;
  margin:0 0 10px !important;
  border-radius:20px !important;
  border:1px solid rgba(148,163,184,.18) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 14px 24px rgba(0,0,0,.16) !important;
  color:var(--sidebar-final-text) !important;
}
.sidebar .brand-icon,
.brand-wrap.side .brand-icon{
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  flex:0 0 36px !important;
}
.sidebar .eyebrow,
.brand-wrap.side .eyebrow{
  margin:0 0 3px !important;
  color:#ffd776 !important;
  font-size:9px !important;
  line-height:1 !important;
  letter-spacing:.20em !important;
  font-weight:900 !important;
}
.brand-wrap.side strong,
.sidebar .brand-wrap strong{
  color:#fff !important;
  font-size:14px !important;
  line-height:1.1 !important;
  font-weight:950 !important;
  letter-spacing:-.02em !important;
}
.sidebar .nav-btn,
.sidebar .nav-btn-mid,
.nav-btn,
.nav-btn-mid{
  width:100% !important;
  min-width:0 !important;
  min-height:40px !important;
  height:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  padding:10px 11px !important;
  border-radius:15px !important;
  border:1px solid rgba(148,163,184,.16) !important;
  background:var(--sidebar-final-card) !important;
  color:var(--sidebar-final-text) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07) !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
  letter-spacing:-.01em !important;
  text-align:left !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  transform:none !important;
}
.sidebar .nav-btn:hover,
.sidebar .nav-btn-mid:hover,
.nav-btn:hover,
.nav-btn-mid:hover{
  background:var(--sidebar-final-card-hover) !important;
  border-color:rgba(105,167,255,.42) !important;
  color:#fff !important;
  box-shadow:0 12px 24px rgba(37,99,235,.14),inset 0 1px 0 rgba(255,255,255,.12) !important;
  transform:translateY(-1px) !important;
}
.sidebar .nav-btn.active,
.sidebar .nav-btn-mid.active,
.nav-btn.active,
.nav-btn-mid.active{
  background:linear-gradient(135deg,rgba(105,167,255,.25),rgba(124,92,255,.18)) !important;
  border-color:rgba(105,167,255,.62) !important;
  color:#fff !important;
  box-shadow:0 16px 32px rgba(37,99,235,.18),inset 3px 0 0 var(--sidebar-final-accent),inset 0 1px 0 rgba(255,255,255,.14) !important;
}
.sidebar-bottom-actions{
  width:100% !important;
  flex:0 0 auto !important;
  margin:8px 0 0 !important;
  padding:12px 0 0 !important;
  border-top:1px solid rgba(148,163,184,.16) !important;
}
.sidebar-bottom-actions form{width:100% !important;}
.sidebar-bottom-actions .logout,
.sidebar .logout,
.logout{
  width:100% !important;
  min-height:42px !important;
  border-radius:15px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:linear-gradient(135deg,#fb7185,#ef4444) !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:950 !important;
  box-shadow:0 16px 28px rgba(239,68,68,.20) !important;
}
main.content,
.content{
  grid-column:2 !important;
  width:100% !important;
  min-width:0 !important;
  height:100vh !important;
  height:100dvh !important;
  min-height:0 !important;
  max-height:100vh !important;
  max-height:100dvh !important;
  display:block !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior:contain !important;
  padding:18px 18px 48px !important;
  position:relative !important;
  scrollbar-width:thin !important;
  scrollbar-color:rgba(105,167,255,.55) rgba(255,255,255,.06) !important;
}
.content::-webkit-scrollbar{width:10px !important;}
.content::-webkit-scrollbar-track{background:rgba(255,255,255,.06) !important;border-radius:999px !important;}
.content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(105,167,255,.72),rgba(124,92,255,.55)) !important;border-radius:999px !important;border:2px solid rgba(4,9,20,.85) !important;}
.content-inner{
  width:100% !important;
  max-width:none !important;
  min-height:0 !important;
  height:auto !important;
  display:block !important;
  margin:0 !important;
  overflow:visible !important;
}
.tab-panel,
.content-panel,
.tab-panel.active,
.content-panel.active{
  width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
}
.tab-panel.active,
.content-panel.active{
  display:block !important;
}
.card,
.hero-card,
.dash-card,
.queue-card,
.history-card,
.data-card,
.site-health,
.table-card,
.dashboard-card,
.panel-elevated{
  max-width:100% !important;
  min-width:0 !important;
  overflow:visible !important;
}
.table-wrap,
.premium-table-wrap,
#tab-data-dw .table-wrap,
#tab-data-player .table-wrap,
#tab-transactions .table-wrap,
#tab-logs .table-wrap,
#tab-logs-dw .table-wrap,
#tab-history .table-wrap{
  width:100% !important;
  max-width:100% !important;
  max-height:none !important;
  overflow-x:auto !important;
  overflow-y:visible !important;
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior:auto !important;
}
.data-table,
.player-table,
.dw-table,
.tx-table,
.log-table,
.history-table{
  max-width:none !important;
}
.global-footer{
  position:static !important;
  margin:22px 0 0 !important;
  padding:16px 0 0 !important;
}
@media (max-width:1100px){
  html,
  body{
    height:auto !important;
    min-height:100% !important;
    overflow:auto !important;
    overscroll-behavior:auto !important;
  }
  .app-shell{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:100vh !important;
    max-height:none !important;
    overflow:visible !important;
  }
  .sidebar{
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(148,163,184,.18) !important;
  }
  main.content,
  .content{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    padding:14px 12px 42px !important;
  }
  .sidebar .nav-btn,
  .sidebar .nav-btn-mid{
    min-height:38px !important;
    padding:9px 10px !important;
  }
}

/* =========================================================
   V4.4 DATA DEPOSIT & WITHDRAW — ENTERPRISE REDESIGN FINAL
   Fokus: filter rapi satu grup, default today, operator dinamis,
   tidak bentrok dengan Data Player dan tidak mengunci scroll.
   ========================================================= */
#tab-data-dw{
  --dw44-bg:#f6f8fc;
  --dw44-card:#ffffff;
  --dw44-ink:#0f172a;
  --dw44-muted:#64748b;
  --dw44-line:rgba(148,163,184,.28);
  --dw44-line-strong:rgba(99,102,241,.24);
  --dw44-blue:#2563eb;
  --dw44-cyan:#0891b2;
  --dw44-amber:#f59e0b;
  --dw44-green:#059669;
  --dw44-red:#dc2626;
  --dw44-shadow:0 24px 65px rgba(15,23,42,.10);
  --dw44-soft-shadow:0 14px 36px rgba(15,23,42,.075);
}
#tab-data-dw .panel-head{
  align-items:flex-start !important;
  margin-bottom:16px !important;
}
#tab-data-dw .panel-head h2{
  letter-spacing:-.035em !important;
  font-size:clamp(24px,2.2vw,34px) !important;
  color:var(--dw44-ink) !important;
}
#tab-data-dw .panel-head .muted{color:var(--dw44-muted) !important;}
#tab-data-dw .data-player-actions .btn,
#tab-data-dw #dw-export-csv{
  height:42px !important;
  border-radius:14px !important;
  padding:0 16px !important;
  font-weight:950 !important;
  letter-spacing:.02em !important;
}
#tab-data-dw .dw-v44-filter-card,
#tab-data-dw .dw-v44-filter-card.sticky-filter,
#tab-data-dw .dw-filter-card,
#tab-data-dw .dw-filter-card.sticky-filter{
  display:block !important;
  position:relative !important;
  top:auto !important;
  z-index:auto !important;
  padding:0 !important;
  overflow:visible !important;
  border:1px solid rgba(148,163,184,.22) !important;
  border-radius:30px !important;
  background:
    radial-gradient(circle at 9% -18%,rgba(37,99,235,.14),transparent 34%),
    radial-gradient(circle at 98% 0%,rgba(8,145,178,.12),transparent 32%),
    linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
  box-shadow:var(--dw44-shadow) !important;
  margin-bottom:18px !important;
}
#tab-data-dw .dw-v44-filter-shell{
  display:grid !important;
  gap:14px !important;
  padding:18px !important;
  min-width:0 !important;
}
#tab-data-dw .dw-v44-filter-header{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:14px !important;
  padding:14px 14px 12px !important;
  border:1px solid rgba(148,163,184,.20) !important;
  border-radius:24px !important;
  background:linear-gradient(135deg,rgba(248,250,252,.94),rgba(239,246,255,.86)) !important;
}
#tab-data-dw .dw-v44-eyebrow{
  display:inline-flex !important;
  align-items:center !important;
  height:24px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  background:rgba(37,99,235,.10) !important;
  color:var(--dw44-blue) !important;
  font-size:10px !important;
  font-weight:950 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  margin-bottom:8px !important;
}
#tab-data-dw .dw-v44-filter-header h3{
  margin:0 !important;
  color:var(--dw44-ink) !important;
  font-size:18px !important;
  letter-spacing:-.025em !important;
  line-height:1.15 !important;
}
#tab-data-dw .dw-v44-filter-header p{
  margin:5px 0 0 !important;
  color:var(--dw44-muted) !important;
  font-size:12px !important;
  line-height:1.45 !important;
}
#tab-data-dw .dw-v44-header-actions{
  display:flex !important;
  gap:8px !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  justify-content:flex-end !important;
}
#tab-data-dw .dw-v44-chip{
  height:34px !important;
  border-radius:999px !important;
  border:1px solid rgba(37,99,235,.22) !important;
  background:#fff !important;
  color:#1d4ed8 !important;
  font-size:11px !important;
  font-weight:950 !important;
  padding:0 12px !important;
  cursor:pointer !important;
  box-shadow:0 8px 20px rgba(37,99,235,.08) !important;
}
#tab-data-dw .dw-v44-chip:hover{
  background:#eff6ff !important;
  border-color:rgba(37,99,235,.36) !important;
  transform:translateY(-1px) !important;
}
#tab-data-dw .dw-v44-main-grid{
  display:grid !important;
  grid-template-columns:minmax(180px,.92fr) minmax(260px,1.38fr) minmax(170px,.82fr) minmax(260px,1.42fr) !important;
  gap:12px !important;
  align-items:end !important;
  min-width:0 !important;
}
#tab-data-dw .dw-v44-field,
#tab-data-dw .dw-v44-date-field{
  display:flex !important;
  flex-direction:column !important;
  gap:7px !important;
  min-width:0 !important;
  margin:0 !important;
}
#tab-data-dw .dw-v44-field>span,
#tab-data-dw .dw-v44-date-field>span{
  display:flex !important;
  align-items:center !important;
  min-height:15px !important;
  color:#475569 !important;
  font-size:11.5px !important;
  font-weight:950 !important;
  letter-spacing:.05em !important;
  text-transform:uppercase !important;
}
#tab-data-dw .dw-v44-field input,
#tab-data-dw .dw-v44-field select,
#tab-data-dw .dw-v44-date-field .filter-date-input{
  width:100% !important;
  height:46px !important;
  min-height:46px !important;
  padding:0 13px !important;
  border-radius:16px !important;
  border:1px solid rgba(148,163,184,.34) !important;
  background:#fff !important;
  color:var(--dw44-ink) !important;
  font-size:13px !important;
  font-weight:850 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 20px rgba(15,23,42,.035) !important;
}
#tab-data-dw .dw-v44-field select{
  appearance:auto !important;
  cursor:pointer !important;
}
#tab-data-dw .dw-v44-field input::placeholder{color:#94a3b8 !important;font-weight:750 !important;}
#tab-data-dw .dw-v44-field input:focus,
#tab-data-dw .dw-v44-field select:focus,
#tab-data-dw .dw-v44-date-field .filter-date-input:focus{
  outline:none !important;
  border-color:rgba(37,99,235,.58) !important;
  box-shadow:0 0 0 4px rgba(37,99,235,.11),0 10px 24px rgba(37,99,235,.08) !important;
}
#tab-data-dw .dw-v44-date-submit-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 190px !important;
  gap:12px !important;
  align-items:stretch !important;
  min-width:0 !important;
}
#tab-data-dw .dw-v44-date-card,
#tab-data-dw .dw-v44-action-card{
  border:1px solid rgba(148,163,184,.22) !important;
  border-radius:24px !important;
  background:linear-gradient(180deg,#fff,#f8fafc) !important;
  box-shadow:var(--dw44-soft-shadow) !important;
  min-width:0 !important;
}
#tab-data-dw .dw-v44-date-card{
  display:grid !important;
  grid-template-columns:210px minmax(0,1fr) !important;
  gap:12px !important;
  align-items:center !important;
  padding:12px !important;
}
#tab-data-dw .dw-v44-date-title{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:4px !important;
  padding:10px 12px !important;
  border-radius:18px !important;
  background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(8,145,178,.08)) !important;
  border:1px solid rgba(37,99,235,.16) !important;
  min-height:70px !important;
}
#tab-data-dw .dw-v44-date-title strong{
  color:#1e3a8a !important;
  font-size:13px !important;
  font-weight:950 !important;
  letter-spacing:.01em !important;
}
#tab-data-dw .dw-v44-date-title small{
  color:#64748b !important;
  font-size:11px !important;
  font-weight:750 !important;
  line-height:1.35 !important;
}
#tab-data-dw .dw-v44-date-range{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
  align-items:end !important;
  min-width:0 !important;
}
#tab-data-dw .dw-v44-date-field .date-field.filter-date{
  width:100% !important;
  height:46px !important;
  min-height:46px !important;
  margin:0 !important;
  border-radius:16px !important;
}
#tab-data-dw .dw-v44-date-field .date-trigger{
  right:8px !important;
  width:30px !important;
  height:30px !important;
  border-radius:12px !important;
  background:rgba(37,99,235,.09) !important;
  color:var(--dw44-blue) !important;
  border:1px solid rgba(37,99,235,.14) !important;
}
#tab-data-dw .dw-v44-action-card{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  justify-content:center !important;
  padding:12px !important;
}
#tab-data-dw .dw-v44-submit{
  width:100% !important;
  height:48px !important;
  border:0 !important;
  border-radius:17px !important;
  background:linear-gradient(135deg,#facc15 0%,#f59e0b 54%,#ea580c 100%) !important;
  color:#111827 !important;
  font-size:13px !important;
  font-weight:1000 !important;
  letter-spacing:.06em !important;
  box-shadow:0 18px 32px rgba(245,158,11,.24),inset 0 1px 0 rgba(255,255,255,.42) !important;
}
#tab-data-dw .dw-v44-submit:hover{transform:translateY(-1px) !important;filter:saturate(1.04) !important;}
#tab-data-dw #dw-operator-hint{
  color:#64748b !important;
  font-size:10.5px !important;
  line-height:1.35 !important;
  font-weight:750 !important;
  text-align:center !important;
}
#tab-data-dw .dw-v44-site-tabs{
  margin-top:0 !important;
  padding:10px !important;
  border:1px solid rgba(148,163,184,.18) !important;
  border-radius:22px !important;
  background:rgba(248,250,252,.72) !important;
}
#tab-data-dw .dw-v44-summary-strip{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-top:0 !important;
}
#tab-data-dw .dw-v44-summary-strip .summary-pill{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  min-height:88px !important;
  padding:14px 16px !important;
  border-radius:24px !important;
  border:1px solid rgba(148,163,184,.22) !important;
  background:
    radial-gradient(circle at 90% 12%,rgba(37,99,235,.10),transparent 34%),
    linear-gradient(180deg,#fff,#f8fafc) !important;
  box-shadow:var(--dw44-soft-shadow) !important;
}
#tab-data-dw .dw-v44-summary-strip .summary-pill span{
  color:#64748b !important;
  font-size:11px !important;
  font-weight:950 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
#tab-data-dw .dw-v44-summary-strip .summary-pill strong{
  margin-top:7px !important;
  color:var(--dw44-ink) !important;
  font-size:clamp(20px,2vw,28px) !important;
  font-weight:1000 !important;
  letter-spacing:-.05em !important;
}
#tab-data-dw #dw-summary-net.positive{color:var(--dw44-green) !important;}
#tab-data-dw #dw-summary-net.negative{color:var(--dw44-red) !important;}
#tab-data-dw .dw-table-card{
  border-radius:30px !important;
  border:1px solid rgba(148,163,184,.22) !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:var(--dw44-shadow) !important;
  overflow:hidden !important;
}
#tab-data-dw .dw-table-card .section-caption{
  padding:16px 18px 8px !important;
  margin:0 !important;
  display:flex !important;
  justify-content:space-between !important;
  gap:12px !important;
  color:#334155 !important;
}
#tab-data-dw .dw-table-card .pagination-top{padding:0 18px 12px !important;}
#tab-data-dw .dw-table{
  table-layout:fixed !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  width:100% !important;
  min-width:1180px !important;
  background:#fff !important;
}
#tab-data-dw .dw-table thead th{
  position:sticky !important;
  top:0 !important;
  z-index:3 !important;
  height:46px !important;
  padding:10px 10px !important;
  background:linear-gradient(180deg,#eef4ff,#e2eafe) !important;
  color:#1e293b !important;
  font-size:11px !important;
  font-weight:1000 !important;
  letter-spacing:.055em !important;
  text-transform:uppercase !important;
  border-bottom:1px solid rgba(148,163,184,.30) !important;
}
#tab-data-dw .dw-table tbody td{
  height:45px !important;
  padding:9px 10px !important;
  color:#0f172a !important;
  font-size:12.5px !important;
  font-weight:700 !important;
  border-bottom:1px solid rgba(226,232,240,.86) !important;
  background:#fff !important;
  vertical-align:middle !important;
}
#tab-data-dw .dw-table tbody tr:nth-child(even) td{background:#f9fbff !important;}
#tab-data-dw .dw-table tbody tr:hover td{background:#eff6ff !important;}
#tab-data-dw .dw-table .user-cell,
#tab-data-dw .dw-table .user-cell strong{
  text-transform:lowercase !important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace !important;
  font-size:12px !important;
  letter-spacing:-.01em !important;
}
#tab-data-dw .dw-table .bank-cell,
#tab-data-dw .dw-table .site-cell,
#tab-data-dw .dw-table .operator-cell,
#tab-data-dw .dw-table .date-cell{
  overflow:hidden !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
}
#tab-data-dw .dw-table .amount-cell{
  font-variant-numeric:tabular-nums !important;
  font-weight:950 !important;
}
#tab-data-dw .dw-table col.col-no{width:58px !important;}
#tab-data-dw .dw-table col.col-site{width:150px !important;}
#tab-data-dw .dw-table col.col-date{width:170px !important;}
#tab-data-dw .dw-table col.col-operator{width:160px !important;}
#tab-data-dw .dw-table col.col-type{width:118px !important;}
#tab-data-dw .dw-table col.col-user{width:145px !important;}
#tab-data-dw .dw-table col.col-bank{width:210px !important;}
#tab-data-dw .dw-table col.col-amount{width:140px !important;}
#tab-data-dw .dw-table col.col-status{width:116px !important;}
@media (max-width:1260px){
  #tab-data-dw .dw-v44-main-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  #tab-data-dw .dw-v44-date-submit-row{grid-template-columns:1fr !important;}
  #tab-data-dw .dw-v44-action-card{display:grid !important;grid-template-columns:190px minmax(0,1fr) !important;align-items:center !important;}
  #tab-data-dw #dw-operator-hint{text-align:left !important;}
}
@media (max-width:860px){
  #tab-data-dw .dw-v44-filter-shell{padding:14px !important;gap:12px !important;}
  #tab-data-dw .dw-v44-filter-header{flex-direction:column !important;}
  #tab-data-dw .dw-v44-header-actions{justify-content:flex-start !important;}
  #tab-data-dw .dw-v44-main-grid{grid-template-columns:1fr !important;}
  #tab-data-dw .dw-v44-date-card{grid-template-columns:1fr !important;}
  #tab-data-dw .dw-v44-date-range{grid-template-columns:1fr !important;}
  #tab-data-dw .dw-v44-action-card{grid-template-columns:1fr !important;}
  #tab-data-dw #dw-operator-hint{text-align:center !important;}
  #tab-data-dw .dw-v44-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:540px){
  #tab-data-dw .dw-v44-summary-strip{grid-template-columns:1fr !important;}
  #tab-data-dw .dw-v44-filter-card{border-radius:22px !important;}
  #tab-data-dw .dw-v44-filter-header,
  #tab-data-dw .dw-v44-date-card,
  #tab-data-dw .dw-v44-action-card,
  #tab-data-dw .dw-v44-summary-strip .summary-pill{border-radius:18px !important;}
}

/* ===== DW v4.5 FINAL ENTERPRISE UI / AUTO FILTER / MERGE MODE ===== */
body[data-active-tab="data-dw"] #tab-data-dw{gap:14px!important;}
#tab-data-dw .dw-page-head{margin-bottom:4px!important;align-items:center!important;}
#tab-data-dw .dw-page-head h2{margin:0!important;font-size:30px!important;line-height:1.06!important;letter-spacing:-.04em!important;color:#061734!important;}
#tab-data-dw .dw-v45-filter-card{padding:0!important;border-radius:24px!important;background:linear-gradient(135deg,#f8fbff 0%,#eef6ff 55%,#f9fcff 100%)!important;border:1px solid rgba(191,207,232,.74)!important;box-shadow:0 20px 50px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.85)!important;overflow:hidden!important;}
#tab-data-dw .dw-v45-filter-shell{padding:16px 18px 18px!important;display:flex!important;flex-direction:column!important;gap:14px!important;}
#tab-data-dw .dw-v45-topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;margin:0!important;}
#tab-data-dw .dw-v45-segment,#tab-data-dw .dw-v45-quick{display:flex!important;align-items:center!important;gap:7px!important;padding:5px!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(203,213,225,.85)!important;border-radius:999px!important;box-shadow:0 10px 24px rgba(15,23,42,.055)!important;}
#tab-data-dw .dw-v45-segment button,#tab-data-dw .dw-v45-quick button{height:34px!important;border:0!important;border-radius:999px!important;padding:0 15px!important;background:transparent!important;color:#334155!important;font-weight:950!important;font-size:12px!important;letter-spacing:.02em!important;cursor:pointer!important;white-space:nowrap!important;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease!important;}
#tab-data-dw .dw-v45-segment button.active,#tab-data-dw .dw-v45-quick button:hover,#tab-data-dw .dw-v45-quick button.active{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#fff!important;box-shadow:0 10px 22px rgba(37,99,235,.25)!important;}
#tab-data-dw .dw-v45-segment button:hover,#tab-data-dw .dw-v45-quick button:hover{transform:translateY(-1px)!important;}
#tab-data-dw .dw-v45-grid-main{display:grid!important;grid-template-columns:minmax(165px,.75fr) minmax(280px,1.45fr) minmax(180px,.9fr) minmax(260px,1.25fr)!important;gap:12px!important;align-items:end!important;margin:0!important;}
#tab-data-dw .dw-v45-date-row{display:grid!important;grid-template-columns:repeat(2,minmax(190px,260px))!important;gap:12px!important;align-items:end!important;justify-content:start!important;margin:0!important;padding:12px!important;border-radius:20px!important;background:rgba(255,255,255,.78)!important;border:1px solid rgba(203,213,225,.78)!important;box-shadow:0 12px 30px rgba(15,23,42,.045)!important;}
#tab-data-dw .dw-v45-field{display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important;margin:0!important;}
#tab-data-dw .dw-v45-field>span{font-size:11px!important;line-height:1!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#334155!important;font-weight:950!important;}
#tab-data-dw .dw-v45-field input,#tab-data-dw .dw-v45-field select{height:46px!important;width:100%!important;border-radius:16px!important;border:1px solid rgba(203,213,225,.95)!important;background:#fff!important;color:#071833!important;font-size:13px!important;font-weight:850!important;padding:0 14px!important;box-shadow:0 10px 22px rgba(15,23,42,.045)!important;outline:none!important;}
#tab-data-dw .dw-v45-field select{appearance:auto!important;}
#tab-data-dw .dw-v45-field input::placeholder{color:#94a3b8!important;font-weight:750!important;}
#tab-data-dw .dw-v45-field input:focus,#tab-data-dw .dw-v45-field select:focus{border-color:#7aa2ff!important;box-shadow:0 0 0 4px rgba(37,99,235,.12),0 12px 24px rgba(15,23,42,.055)!important;}
#tab-data-dw .dw-v45-date-field{max-width:260px!important;}
#tab-data-dw .dw-v45-date-field .date-field.filter-date{height:46px!important;width:100%!important;display:flex!important;align-items:center!important;}
#tab-data-dw .dw-v45-date-field .filter-date-input{height:46px!important;padding-right:48px!important;font-variant-numeric:tabular-nums!important;}
#tab-data-dw .dw-v45-date-field .date-trigger{right:9px!important;width:30px!important;height:30px!important;border-radius:11px!important;color:#2563eb!important;background:rgba(37,99,235,.09)!important;border:1px solid rgba(37,99,235,.12)!important;}
#tab-data-dw .dw-v45-site-tabs{margin:0!important;padding:0!important;display:flex!important;gap:8px!important;flex-wrap:wrap!important;}
#tab-data-dw .dw-v45-summary-strip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0!important;}
#tab-data-dw .dw-v45-summary-strip .summary-pill{min-height:82px!important;padding:16px!important;border-radius:20px!important;background:linear-gradient(135deg,#fff,#f4f8ff)!important;border:1px solid rgba(203,213,225,.85)!important;box-shadow:0 16px 34px rgba(15,23,42,.055)!important;}
#tab-data-dw .dw-v45-summary-strip .summary-pill span{font-size:11px!important;letter-spacing:.1em!important;text-transform:uppercase!important;font-weight:950!important;color:#64748b!important;}
#tab-data-dw .dw-v45-summary-strip .summary-pill strong{font-size:28px!important;line-height:1.05!important;color:#061734!important;font-weight:1000!important;letter-spacing:-.04em!important;}
#tab-data-dw .dw-v45-summary-strip .summary-pill strong.negative{color:#dc2626!important;}
#tab-data-dw .dw-v45-summary-strip .summary-pill strong.positive{color:#047857!important;}
#tab-data-dw .dw-table-card{padding:0!important;border-radius:24px!important;overflow:hidden!important;background:#fff!important;border:1px solid rgba(203,213,225,.88)!important;box-shadow:0 18px 48px rgba(15,23,42,.07)!important;}
#tab-data-dw .dw-table-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:14px 18px!important;border-bottom:1px solid rgba(226,232,240,.95)!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;}
#tab-data-dw .dw-table-toolbar .section-caption{margin:0!important;display:flex!important;align-items:center!important;gap:10px!important;}
#tab-data-dw .dw-table-toolbar .section-caption span{font-size:12px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#64748b!important;font-weight:950!important;white-space:nowrap!important;}
#tab-data-dw #dw-pagination{margin:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;}
#tab-data-dw .table-wrap{max-height:none!important;min-height:310px!important;overflow:auto!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;}
#tab-data-dw .dw-table{min-width:1320px!important;width:100%!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important;font-size:12px!important;}
#tab-data-dw .dw-merge-table{min-width:980px!important;}
#tab-data-dw .dw-table thead th{position:sticky!important;top:0!important;z-index:3!important;background:#edf3fb!important;color:#334155!important;border-bottom:1px solid #dbe5f1!important;padding:12px 10px!important;font-size:10.5px!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase!important;white-space:nowrap!important;}
#tab-data-dw .dw-table tbody td{padding:11px 10px!important;border-bottom:1px solid rgba(226,232,240,.9)!important;color:#111827!important;background:#fff!important;vertical-align:middle!important;line-height:1.32!important;}
#tab-data-dw .dw-table tbody tr:nth-child(even) td{background:#fbfdff!important;}
#tab-data-dw .dw-table tbody tr:hover td{background:#f1f7ff!important;}
#tab-data-dw .dw-table .site-cell,#tab-data-dw .dw-table .operator-cell,#tab-data-dw .dw-table .bank-cell,#tab-data-dw .dw-table .date-cell{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#tab-data-dw .dw-table .user-cell,#tab-data-dw .dw-table .user-cell strong{text-transform:lowercase!important;letter-spacing:.01em!important;}
#tab-data-dw .dw-table .amount-cell{text-align:right!important;font-weight:950!important;font-variant-numeric:tabular-nums!important;}
#tab-data-dw .dw-table col.col-no{width:56px!important;}#tab-data-dw .dw-table col.col-site{width:145px!important;}#tab-data-dw .dw-table col.col-date{width:165px!important;}#tab-data-dw .dw-table col.col-operator{width:155px!important;}#tab-data-dw .dw-table col.col-type{width:112px!important;}#tab-data-dw .dw-table col.col-user{width:145px!important;}#tab-data-dw .dw-table col.col-bank{width:215px!important;}#tab-data-dw .dw-table col.col-amount{width:145px!important;}#tab-data-dw .dw-table col.col-status{width:112px!important;}#tab-data-dw .dw-table col.col-count{width:110px!important;}#tab-data-dw .dw-table col.col-action{width:110px!important;}
#tab-data-dw .btn-dw-detail{height:32px!important;padding:0 13px!important;border-radius:999px!important;font-size:11px!important;font-weight:950!important;color:#1d4ed8!important;background:#eff6ff!important;border-color:#bfdbfe!important;}
#tab-data-dw .dw-detail-modal-card{width:min(1040px,calc(100vw - 32px))!important;max-height:86vh!important;overflow:auto!important;padding:22px!important;border-radius:28px!important;}
#tab-data-dw .dw-detail-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin-bottom:14px!important;}
#tab-data-dw .dw-detail-head span{font-size:11px!important;font-weight:950!important;color:#2563eb!important;letter-spacing:.14em!important;}
#tab-data-dw .dw-detail-head h3{margin:4px 0 0!important;font-size:22px!important;color:#061734!important;}
#tab-data-dw .dw-detail-head strong{font-size:26px!important;color:#047857!important;}
#tab-data-dw .dw-detail-head strong.negative{color:#dc2626!important;}
#tab-data-dw .dw-detail-summary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-bottom:14px!important;}
#tab-data-dw .dw-detail-summary article{padding:14px!important;border-radius:18px!important;background:#f8fbff!important;border:1px solid #e2e8f0!important;}
#tab-data-dw .dw-detail-summary span{display:block!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.1em!important;color:#64748b!important;font-weight:950!important;margin-bottom:6px!important;}
#tab-data-dw .dw-detail-summary strong{font-size:22px!important;color:#061734!important;font-weight:1000!important;}
#tab-data-dw .dw-detail-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;}
#tab-data-dw .dw-detail-grid section{border:1px solid #e2e8f0!important;border-radius:20px!important;background:#fff!important;overflow:hidden!important;}
#tab-data-dw .dw-detail-grid h4{margin:0!important;padding:13px 15px!important;background:#f1f5f9!important;color:#0f172a!important;font-size:13px!important;text-transform:uppercase!important;letter-spacing:.08em!important;}
#tab-data-dw .dw-detail-list{display:flex!important;flex-direction:column!important;max-height:360px!important;overflow:auto!important;}
#tab-data-dw .dw-detail-item{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:12px 15px!important;border-bottom:1px solid #f1f5f9!important;}
#tab-data-dw .dw-detail-item strong{font-size:12px!important;color:#0f172a!important;}
#tab-data-dw .dw-detail-item span{display:block!important;font-size:11px!important;color:#64748b!important;margin-top:3px!important;}
#tab-data-dw .dw-detail-item b{font-size:14px!important;color:#061734!important;font-variant-numeric:tabular-nums!important;}
#tab-data-dw .dw-detail-empty{padding:16px!important;color:#64748b!important;font-weight:800!important;text-align:center!important;}
@media(max-width:1200px){#tab-data-dw .dw-v45-grid-main{grid-template-columns:repeat(2,minmax(0,1fr))!important;}#tab-data-dw .dw-v45-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:760px){#tab-data-dw .dw-v45-grid-main,#tab-data-dw .dw-v45-date-row,#tab-data-dw .dw-v45-summary-strip,#tab-data-dw .dw-detail-summary,#tab-data-dw .dw-detail-grid{grid-template-columns:1fr!important;}#tab-data-dw .dw-v45-date-field{max-width:none!important;}#tab-data-dw .dw-table-toolbar{flex-direction:column!important;align-items:flex-start!important;}#tab-data-dw #dw-pagination{justify-content:flex-start!important;flex-wrap:wrap!important;}}

/* ===== DW v4.6 FINAL UI: crisp detail popup, compact dates, submit, sortable transaction table ===== */
body[data-active-tab="data-dw"] #tab-data-dw{gap:12px!important;}
#tab-data-dw .dw-page-head{margin-bottom:0!important;}
#tab-data-dw .dw-page-head h2{font-size:30px!important;letter-spacing:-.045em!important;}
#tab-data-dw .dw-v45-filter-card{border-radius:26px!important;background:linear-gradient(135deg,#f8fbff 0%,#edf5ff 44%,#fbfdff 100%)!important;box-shadow:0 22px 52px rgba(15,23,42,.075), inset 0 1px 0 rgba(255,255,255,.96)!important;}
#tab-data-dw .dw-v45-filter-shell{gap:12px!important;padding:16px 18px!important;}
#tab-data-dw .dw-v45-grid-main{grid-template-columns:minmax(190px,.8fr) minmax(300px,1.35fr) minmax(200px,.95fr) minmax(280px,1.15fr)!important;gap:12px!important;}
#tab-data-dw .dw-v45-field>span{font-size:10.5px!important;letter-spacing:.095em!important;color:#24364f!important;font-weight:1000!important;}
#tab-data-dw .dw-v45-field input,#tab-data-dw .dw-v45-field select{height:45px!important;border-radius:15px!important;border-color:#c7d4e8!important;color:#061734!important;font-size:13px!important;font-weight:950!important;box-shadow:0 9px 20px rgba(15,23,42,.04)!important;}
#tab-data-dw .dw-v46-date-row{display:flex!important;align-items:flex-end!important;justify-content:flex-start!important;gap:10px!important;width:max-content!important;max-width:100%!important;padding:10px!important;border-radius:22px!important;background:rgba(255,255,255,.83)!important;border:1px solid rgba(199,212,232,.86)!important;box-shadow:0 12px 28px rgba(15,23,42,.042)!important;}
#tab-data-dw .dw-v46-date-row .dw-v45-date-field{width:170px!important;max-width:170px!important;min-width:170px!important;flex:0 0 170px!important;}
#tab-data-dw .dw-v46-date-row .date-field.filter-date{height:44px!important;}
#tab-data-dw .dw-v46-date-row .filter-date-input{height:44px!important;padding:0 43px 0 13px!important;font-size:13px!important;}
#tab-data-dw .dw-v46-date-row .date-trigger{right:8px!important;width:29px!important;height:29px!important;border-radius:10px!important;}
#tab-data-dw .dw-v46-submit{height:44px!important;min-width:128px!important;padding:0 24px!important;border-radius:15px!important;font-size:12px!important;font-weight:1000!important;letter-spacing:.035em!important;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)!important;color:#fff!important;border:1px solid rgba(29,78,216,.12)!important;box-shadow:0 14px 30px rgba(37,99,235,.24)!important;}
#tab-data-dw .dw-v46-submit:hover{transform:translateY(-1px)!important;box-shadow:0 18px 36px rgba(37,99,235,.30)!important;}
#tab-data-dw .dw-v45-summary-strip{gap:11px!important;}
#tab-data-dw .dw-v45-summary-strip .summary-pill{min-height:78px!important;border-radius:20px!important;background:linear-gradient(135deg,#fff 0%,#f5f9ff 100%)!important;}
#tab-data-dw .dw-v45-summary-strip .summary-pill strong.positive,
#tab-data-dw .amount-cell.positive,
#tab-data-dw .dw-detail-summary strong.positive,
#tab-data-dw .dw-detail-head strong.positive,
#tab-data-dw .dw-detail-amount.deposit{color:#1d4ed8!important;}
#tab-data-dw .dw-v45-summary-strip .summary-pill strong.negative,
#tab-data-dw .amount-cell.negative,
#tab-data-dw .dw-detail-summary strong.negative,
#tab-data-dw .dw-detail-head strong.negative,
#tab-data-dw .dw-detail-amount.withdraw{color:#dc2626!important;}
#tab-data-dw .dw-table-card{border-radius:26px!important;box-shadow:0 22px 52px rgba(15,23,42,.075)!important;}
#tab-data-dw .dw-table-toolbar{padding:12px 16px!important;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;}
#tab-data-dw .dw-table-toolbar .section-caption span{font-size:11.5px!important;color:#51657f!important;letter-spacing:.13em!important;}
#tab-data-dw .dw-table thead th{background:#eaf2fc!important;color:#23364d!important;border-bottom:1px solid #cfddec!important;}
#tab-data-dw .dw-sortable{cursor:pointer!important;}
#tab-data-dw .dw-sortable:hover{color:#1d4ed8!important;background:#dfeeff!important;}
#tab-data-dw .dw-sortable::after{font-weight:1000!important;color:#2563eb!important;opacity:.46!important;}
#tab-data-dw .dw-sortable.active::after{opacity:1!important;color:#1d4ed8!important;}
#tab-data-dw .dw-table tbody td{color:#061734!important;font-weight:760!important;}
#tab-data-dw .dw-table .amount-cell{text-align:right!important;font-size:12.5px!important;font-weight:1000!important;}
#tab-data-dw .dw-table .count-cell{font-weight:950!important;color:#334155!important;}
#tab-data-dw .dw-type-badge.deposit{background:#eff6ff!important;color:#1d4ed8!important;border-color:#bfdbfe!important;}
#tab-data-dw .dw-type-badge.withdraw{background:#fef2f2!important;color:#dc2626!important;border-color:#fecaca!important;}
#tab-data-dw .btn-dw-detail{height:34px!important;padding:0 15px!important;border-radius:13px!important;background:linear-gradient(135deg,#eff6ff,#dbeafe)!important;color:#1d4ed8!important;border:1px solid #bfdbfe!important;box-shadow:0 8px 18px rgba(37,99,235,.12)!important;}
#tab-data-dw .btn-dw-detail:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#fff!important;transform:translateY(-1px)!important;}
#tab-data-dw .dw-detail-modal{background:rgba(4,12,28,.58)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
#tab-data-dw .dw-detail-modal-card{width:min(1120px,calc(100vw - 34px))!important;max-height:88vh!important;overflow:auto!important;padding:0!important;border-radius:28px!important;background:#ffffff!important;border:1px solid rgba(203,213,225,.95)!important;box-shadow:0 34px 90px rgba(2,8,23,.38)!important;color:#061734!important;}
#tab-data-dw .dw-detail-modal-card *{text-rendering:geometricPrecision!important;-webkit-font-smoothing:antialiased!important;}
#tab-data-dw .dw-detail-head{margin:0!important;padding:22px 24px!important;align-items:center!important;background:linear-gradient(135deg,#f8fbff 0%,#eef6ff 100%)!important;border-bottom:1px solid #dbe7f6!important;}
#tab-data-dw .dw-detail-head span{display:block!important;margin-bottom:5px!important;color:#1d4ed8!important;font-size:10.5px!important;font-weight:1000!important;letter-spacing:.16em!important;}
#tab-data-dw .dw-detail-head h3{margin:0!important;color:#061734!important;font-size:23px!important;line-height:1.1!important;font-weight:1000!important;letter-spacing:-.03em!important;}
#tab-data-dw .dw-detail-head strong{font-size:28px!important;font-weight:1000!important;letter-spacing:-.045em!important;font-variant-numeric:tabular-nums!important;}
#tab-data-dw .dw-detail-summary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:0!important;padding:16px 20px!important;background:#fff!important;}
#tab-data-dw .dw-detail-summary article{padding:15px!important;border-radius:18px!important;background:linear-gradient(135deg,#fff,#f7fbff)!important;border:1px solid #dbe7f6!important;box-shadow:0 10px 24px rgba(15,23,42,.045)!important;}
#tab-data-dw .dw-detail-summary span{color:#51657f!important;font-size:10.5px!important;font-weight:1000!important;letter-spacing:.12em!important;}
#tab-data-dw .dw-detail-summary strong{display:block!important;margin-top:5px!important;font-size:23px!important;line-height:1.05!important;font-weight:1000!important;letter-spacing:-.04em!important;color:#061734!important;font-variant-numeric:tabular-nums!important;}
#tab-data-dw .dw-detail-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;padding:0 20px 20px!important;background:#fff!important;}
#tab-data-dw .dw-detail-grid section{border:1px solid #dbe7f6!important;border-radius:22px!important;background:#ffffff!important;box-shadow:0 12px 28px rgba(15,23,42,.045)!important;overflow:hidden!important;}
#tab-data-dw .dw-detail-grid section:first-child h4{background:#eff6ff!important;color:#1d4ed8!important;border-bottom:1px solid #bfdbfe!important;}
#tab-data-dw .dw-detail-grid section:last-child h4{background:#fef2f2!important;color:#dc2626!important;border-bottom:1px solid #fecaca!important;}
#tab-data-dw .dw-detail-grid h4{padding:14px 16px!important;font-size:12px!important;font-weight:1000!important;letter-spacing:.12em!important;}
#tab-data-dw .dw-detail-list{max-height:390px!important;overflow:auto!important;background:#fff!important;}
#tab-data-dw .dw-detail-item{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:13px 15px!important;border-bottom:1px solid #edf2f7!important;background:#fff!important;}
#tab-data-dw .dw-detail-item:nth-child(even){background:#fbfdff!important;}
#tab-data-dw .dw-detail-item.deposit:hover{background:#f3f8ff!important;}
#tab-data-dw .dw-detail-item.withdraw:hover{background:#fff5f5!important;}
#tab-data-dw .dw-detail-item-main{min-width:0!important;display:flex!important;flex-direction:column!important;gap:3px!important;}
#tab-data-dw .dw-detail-item-main strong{color:#061734!important;font-size:12.5px!important;font-weight:1000!important;font-variant-numeric:tabular-nums!important;}
#tab-data-dw .dw-detail-item-main span{color:#334155!important;font-size:11.5px!important;font-weight:900!important;}
#tab-data-dw .dw-detail-item-main small{display:block!important;max-width:390px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#64748b!important;font-size:11px!important;font-weight:760!important;}
#tab-data-dw .dw-detail-amount{flex:0 0 auto!important;font-size:15px!important;font-weight:1000!important;font-variant-numeric:tabular-nums!important;letter-spacing:-.015em!important;}
#tab-data-dw .dw-detail-empty{padding:18px!important;color:#64748b!important;font-size:12px!important;font-weight:900!important;}
#tab-data-dw .premium-modal-close{background:#fff!important;color:#0f172a!important;border:1px solid #cbd5e1!important;box-shadow:0 10px 22px rgba(15,23,42,.12)!important;}
@media(max-width:1200px){#tab-data-dw .dw-v45-grid-main{grid-template-columns:repeat(2,minmax(0,1fr))!important;}#tab-data-dw .dw-v46-date-row{width:100%!important;}}
@media(max-width:760px){#tab-data-dw .dw-v46-date-row{display:grid!important;grid-template-columns:1fr!important;width:100%!important;}#tab-data-dw .dw-v46-date-row .dw-v45-date-field{width:100%!important;max-width:none!important;min-width:0!important;flex:auto!important;}#tab-data-dw .dw-v46-submit{width:100%!important;}#tab-data-dw .dw-detail-summary,#tab-data-dw .dw-detail-grid{grid-template-columns:1fr!important;}#tab-data-dw .dw-detail-head{align-items:flex-start!important;flex-direction:column!important;}}


/* v4.7 premium detail modal + tighter date row */
#tab-data-dw .dw-v46-date-row{display:flex!important;align-items:flex-end!important;justify-content:flex-start!important;gap:8px!important;width:auto!important;max-width:100%!important;flex-wrap:nowrap!important;padding:8px 10px!important;}
#tab-data-dw .dw-v46-date-row .dw-v45-date-field{width:150px!important;max-width:150px!important;min-width:150px!important;flex:0 0 150px!important;}
#tab-data-dw .dw-v46-date-row .dw-v45-date-field span{margin-bottom:4px!important;}
#tab-data-dw .dw-v46-submit{height:44px!important;min-width:118px!important;padding:0 18px!important;align-self:flex-end!important;}
#tab-data-dw .dw-detail-modal{background:rgba(2,8,23,.62)!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;}
#tab-data-dw .dw-detail-modal-card{position:relative!important;width:min(1160px,calc(100vw - 34px))!important;max-height:90vh!important;overflow:auto!important;padding:0!important;border-radius:30px!important;background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;border:1px solid rgba(203,213,225,.96)!important;box-shadow:0 36px 110px rgba(2,8,23,.42)!important;color:#061734!important;}
#tab-data-dw .dw-detail-topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:18px 22px 0!important;}
#tab-data-dw .dw-detail-kicker{display:inline-flex!important;align-items:center!important;height:30px!important;padding:0 12px!important;border-radius:999px!important;background:linear-gradient(135deg,#eff6ff,#dbeafe)!important;color:#1d4ed8!important;font-size:11px!important;font-weight:1000!important;letter-spacing:.14em!important;text-transform:uppercase!important;}
#tab-data-dw .dw-detail-close-btn{position:static!important;flex:0 0 auto!important;width:44px!important;height:44px!important;border-radius:16px!important;background:#fff!important;color:#0f172a!important;border:1px solid #dbe4f1!important;box-shadow:0 14px 30px rgba(15,23,42,.10)!important;}
#tab-data-dw .dw-detail-close-btn:hover{background:#0f172a!important;color:#fff!important;border-color:#0f172a!important;}
#tab-data-dw .dw-detail-hero{display:grid!important;grid-template-columns:minmax(0,1fr) 260px!important;gap:14px!important;padding:14px 22px 18px!important;align-items:stretch!important;}
#tab-data-dw .dw-detail-identity{padding:14px 16px!important;border-radius:22px!important;background:linear-gradient(135deg,#f8fbff,#eef5ff)!important;border:1px solid #dbe7f6!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95)!important;}
#tab-data-dw .dw-detail-identity h3{margin:0!important;color:#061734!important;font-size:28px!important;line-height:1.04!important;font-weight:1000!important;letter-spacing:-.035em!important;word-break:break-word!important;}
#tab-data-dw .dw-detail-identity p{margin:8px 0 0!important;color:#64748b!important;font-size:13px!important;font-weight:800!important;}
#tab-data-dw .dw-detail-net-card{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:16px 18px!important;border-radius:22px!important;background:linear-gradient(135deg,#ffffff,#f8fbff)!important;border:1px solid #dbe7f6!important;box-shadow:0 14px 34px rgba(15,23,42,.06)!important;}
#tab-data-dw .dw-detail-net-card span{font-size:11px!important;font-weight:1000!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#64748b!important;}
#tab-data-dw .dw-detail-net-card strong{display:block!important;margin-top:7px!important;font-size:34px!important;line-height:1!important;font-weight:1000!important;letter-spacing:-.05em!important;font-variant-numeric:tabular-nums!important;}
#tab-data-dw .dw-detail-head{display:none!important;}
#tab-data-dw .dw-detail-summary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:0!important;padding:0 22px 18px!important;background:transparent!important;}
#tab-data-dw .dw-detail-summary article{padding:16px 18px!important;border-radius:20px!important;background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 12px 28px rgba(15,23,42,.05)!important;}
#tab-data-dw .dw-detail-summary article.is-deposit{background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%)!important;border-color:#cfe0ff!important;}
#tab-data-dw .dw-detail-summary article.is-withdraw{background:linear-gradient(180deg,#fff8f8 0%,#fff1f1 100%)!important;border-color:#ffd7d7!important;}
#tab-data-dw .dw-detail-summary article.is-count{background:linear-gradient(180deg,#ffffff 0%,#fafcff 100%)!important;}
#tab-data-dw .dw-detail-summary span{display:block!important;color:#64748b!important;font-size:11px!important;font-weight:1000!important;letter-spacing:.12em!important;text-transform:uppercase!important;}
#tab-data-dw .dw-detail-summary strong{display:block!important;margin-top:8px!important;font-size:26px!important;line-height:1.02!important;font-weight:1000!important;letter-spacing:-.04em!important;font-variant-numeric:tabular-nums!important;}
#tab-data-dw .dw-detail-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;padding:0 22px 22px!important;background:transparent!important;}
#tab-data-dw .dw-detail-section{border:1px solid #e2e8f0!important;border-radius:24px!important;background:#fff!important;box-shadow:0 14px 30px rgba(15,23,42,.05)!important;overflow:hidden!important;}
#tab-data-dw .dw-detail-section.is-deposit{border-color:#cfe0ff!important;}
#tab-data-dw .dw-detail-section.is-withdraw{border-color:#ffd7d7!important;}
#tab-data-dw .dw-detail-grid h4{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0!important;padding:15px 18px!important;font-size:12px!important;font-weight:1000!important;letter-spacing:.14em!important;text-transform:uppercase!important;}
#tab-data-dw .dw-detail-section.is-deposit h4{background:linear-gradient(180deg,#eff6ff,#eaf2ff)!important;color:#1d4ed8!important;border-bottom:1px solid #cfe0ff!important;}
#tab-data-dw .dw-detail-section.is-withdraw h4{background:linear-gradient(180deg,#fef2f2,#fff1f1)!important;color:#dc2626!important;border-bottom:1px solid #ffd7d7!important;}
#tab-data-dw .dw-detail-list{max-height:420px!important;overflow:auto!important;background:#fff!important;}
#tab-data-dw .dw-detail-item{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:flex-start!important;gap:14px!important;padding:15px 16px!important;border-bottom:1px solid #eff4fa!important;background:#fff!important;}
#tab-data-dw .dw-detail-item:last-child{border-bottom:0!important;}
#tab-data-dw .dw-detail-item:nth-child(even){background:#fcfdff!important;}
#tab-data-dw .dw-detail-item.deposit:hover{background:#f6faff!important;}
#tab-data-dw .dw-detail-item.withdraw:hover{background:#fff7f7!important;}
#tab-data-dw .dw-detail-item-main{min-width:0!important;display:flex!important;flex-direction:column!important;gap:8px!important;}
#tab-data-dw .dw-detail-item-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;}
#tab-data-dw .dw-detail-datetime{font-size:13px!important;font-weight:1000!important;color:#0f172a!important;font-variant-numeric:tabular-nums!important;}
#tab-data-dw .dw-detail-chip{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:26px!important;padding:0 10px!important;border-radius:999px!important;font-size:10.5px!important;font-weight:1000!important;letter-spacing:.08em!important;text-transform:uppercase!important;white-space:nowrap!important;}
#tab-data-dw .dw-detail-chip.deposit{background:#eff6ff!important;color:#1d4ed8!important;border:1px solid #bfdbfe!important;}
#tab-data-dw .dw-detail-chip.withdraw{background:#fef2f2!important;color:#dc2626!important;border:1px solid #fecaca!important;}
#tab-data-dw .dw-detail-meta-row{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;}
#tab-data-dw .dw-detail-operator-badge,#tab-data-dw .dw-detail-user-inline,#tab-data-dw .dw-detail-status{display:inline-flex!important;align-items:center!important;height:26px!important;padding:0 10px!important;border-radius:999px!important;font-size:11px!important;font-weight:900!important;}
#tab-data-dw .dw-detail-operator-badge{background:#eff6ff!important;color:#1d4ed8!important;}
#tab-data-dw .dw-detail-user-inline{background:#f8fafc!important;color:#334155!important;}
#tab-data-dw .dw-detail-status{background:#f1f5f9!important;color:#475569!important;}
#tab-data-dw .dw-detail-bank-block{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;}
#tab-data-dw .dw-detail-bank-row{display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;gap:8px!important;align-items:start!important;padding:8px 10px!important;border-radius:14px!important;background:#f8fafc!important;border:1px solid #eef2f7!important;}
#tab-data-dw .dw-detail-bank-row label{font-size:10.5px!important;font-weight:1000!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#64748b!important;}
#tab-data-dw .dw-detail-bank-row span{min-width:0!important;display:block!important;color:#0f172a!important;font-size:12px!important;font-weight:850!important;line-height:1.45!important;word-break:break-word!important;}
#tab-data-dw .dw-detail-item-side{display:flex!important;align-items:flex-start!important;justify-content:flex-end!important;min-width:120px!important;}
#tab-data-dw .dw-detail-amount{font-size:18px!important;font-weight:1000!important;letter-spacing:-.025em!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important;}
#tab-data-dw .dw-detail-empty{padding:28px 18px!important;color:#64748b!important;font-size:13px!important;font-weight:900!important;text-align:center!important;}
#tab-data-dw .dw-detail-summary strong.positive,#tab-data-dw .dw-detail-net-card strong.positive,#tab-data-dw .dw-detail-amount.deposit{color:#1d4ed8!important;}
#tab-data-dw .dw-detail-summary strong.negative,#tab-data-dw .dw-detail-net-card strong.negative,#tab-data-dw .dw-detail-amount.withdraw{color:#dc2626!important;}
@media(max-width:1024px){#tab-data-dw .dw-detail-hero{grid-template-columns:1fr!important;}#tab-data-dw .dw-detail-net-card{min-height:96px!important;}#tab-data-dw .dw-detail-grid{grid-template-columns:1fr!important;}}
@media(max-width:760px){#tab-data-dw .dw-v46-date-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;width:100%!important;}#tab-data-dw .dw-v46-date-row .dw-v45-date-field{width:auto!important;max-width:none!important;min-width:0!important;flex:auto!important;}#tab-data-dw .dw-v46-submit{grid-column:1/-1!important;width:100%!important;}#tab-data-dw .dw-detail-topbar{padding:14px 14px 0!important;}#tab-data-dw .dw-detail-hero{padding:10px 14px 14px!important;}#tab-data-dw .dw-detail-identity h3{font-size:23px!important;}#tab-data-dw .dw-detail-summary{padding:0 14px 14px!important;grid-template-columns:1fr!important;}#tab-data-dw .dw-detail-grid{padding:0 14px 14px!important;grid-template-columns:1fr!important;}#tab-data-dw .dw-detail-item{grid-template-columns:1fr!important;}#tab-data-dw .dw-detail-item-side{justify-content:flex-start!important;}#tab-data-dw .dw-detail-item-top{align-items:flex-start!important;flex-direction:column!important;}}

/* ===== DW v5 ULTRA PREMIUM ENTERPRISE REDESIGN ===== */
#tab-data-dw .dw-table-card{
  border-radius:28px!important;
  border:1px solid rgba(203,213,225,.9)!important;
  box-shadow:0 24px 70px rgba(15,23,42,.08)!important;
}
#tab-data-dw .dw-table thead th{
  height:48px!important;
  background:linear-gradient(180deg,#f8fbff 0%,#eaf2ff 100%)!important;
  color:#0f2748!important;
  border-bottom:1px solid #d8e4f4!important;
}
#tab-data-dw .dw-table tbody td{
  height:50px!important;
  border-bottom:1px solid #edf2f7!important;
}
#tab-data-dw .dw-table tbody tr:hover td{
  background:#f5f9ff!important;
}
#tab-data-dw .dw-table col.col-action{width:132px!important;}
#tab-data-dw .dw-table .action-cell{
  padding-left:12px!important;
  padding-right:12px!important;
}
#tab-data-dw .btn-dw-detail{
  appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:88px!important;
  height:36px!important;
  padding:0 16px!important;
  border:1px solid #c7d8f4!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#ffffff 0%,#eef5ff 100%)!important;
  color:#1d4ed8!important;
  font-size:11.5px!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  box-shadow:0 10px 22px rgba(37,99,235,.12)!important;
  cursor:pointer!important;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease,border-color .16s ease!important;
}
#tab-data-dw .btn-dw-detail:hover{
  transform:translateY(-1px)!important;
  background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)!important;
  color:#fff!important;
  border-color:#1d4ed8!important;
  box-shadow:0 16px 30px rgba(37,99,235,.24)!important;
}
#tab-data-dw .dw-detail-modal{
  background:rgba(2,8,23,.68)!important;
  backdrop-filter:blur(6px)!important;
  -webkit-backdrop-filter:blur(6px)!important;
  padding:18px!important;
}
#tab-data-dw .dw-detail-modal-card{
  width:min(1080px,calc(100vw - 36px))!important;
  max-height:90vh!important;
  overflow:hidden!important;
  padding:0!important;
  border-radius:30px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  border:1px solid rgba(226,232,240,.96)!important;
  box-shadow:0 42px 120px rgba(2,8,23,.46)!important;
  color:#071833!important;
}
#tab-data-dw .dw-detail-header{
  position:sticky!important;
  top:0!important;
  z-index:5!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:22px 24px 18px!important;
  background:linear-gradient(135deg,#ffffff 0%,#f1f6ff 100%)!important;
  border-bottom:1px solid #e2e8f0!important;
}
#tab-data-dw .dw-detail-heading{min-width:0!important;}
#tab-data-dw .dw-detail-kicker{
  display:inline-flex!important;
  align-items:center!important;
  height:28px!important;
  padding:0 11px!important;
  border-radius:999px!important;
  background:#eaf2ff!important;
  color:#1d4ed8!important;
  font-size:10.5px!important;
  font-weight:1000!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
#tab-data-dw .dw-detail-heading h3{
  margin:12px 0 0!important;
  color:#061734!important;
  font-size:30px!important;
  line-height:1.04!important;
  font-weight:1000!important;
  letter-spacing:-.045em!important;
  word-break:break-word!important;
}
#tab-data-dw .dw-detail-heading p{
  margin:8px 0 0!important;
  color:#64748b!important;
  font-size:13px!important;
  font-weight:850!important;
}
#tab-data-dw .dw-detail-close-btn{
  position:static!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:42px!important;
  height:42px!important;
  border-radius:16px!important;
  border:1px solid #dbe4f1!important;
  background:#ffffff!important;
  color:#0f172a!important;
  font-size:24px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:0 12px 26px rgba(15,23,42,.1)!important;
  cursor:pointer!important;
}
#tab-data-dw .dw-detail-close-btn:hover{
  background:#0f172a!important;
  border-color:#0f172a!important;
  color:#fff!important;
}
#tab-data-dw .dw-detail-summary{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  padding:18px 24px!important;
  margin:0!important;
  background:transparent!important;
}
#tab-data-dw .dw-detail-summary article{
  min-height:92px!important;
  padding:16px!important;
  border-radius:22px!important;
  background:#fff!important;
  border:1px solid #e2e8f0!important;
  box-shadow:0 16px 32px rgba(15,23,42,.055)!important;
}
#tab-data-dw .dw-detail-summary article.is-deposit{background:linear-gradient(180deg,#f8fbff 0%,#edf5ff 100%)!important;border-color:#cfe0ff!important;}
#tab-data-dw .dw-detail-summary article.is-withdraw{background:linear-gradient(180deg,#fffafa 0%,#fff1f1 100%)!important;border-color:#ffd7d7!important;}
#tab-data-dw .dw-detail-summary article.is-net{background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)!important;}
#tab-data-dw .dw-detail-summary article.is-count{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;}
#tab-data-dw .dw-detail-summary span{
  display:block!important;
  color:#64748b!important;
  font-size:10.5px!important;
  font-weight:1000!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
#tab-data-dw .dw-detail-summary strong{
  display:block!important;
  margin-top:10px!important;
  color:#061734!important;
  font-size:27px!important;
  line-height:1.02!important;
  font-weight:1000!important;
  letter-spacing:-.045em!important;
  font-variant-numeric:tabular-nums!important;
}
#tab-data-dw .dw-detail-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:16px!important;
  padding:0 24px 24px!important;
  background:transparent!important;
  max-height:calc(90vh - 235px)!important;
  overflow:auto!important;
}
#tab-data-dw .dw-detail-section{
  min-width:0!important;
  border-radius:24px!important;
  background:#fff!important;
  border:1px solid #e2e8f0!important;
  box-shadow:0 18px 38px rgba(15,23,42,.055)!important;
  overflow:hidden!important;
}
#tab-data-dw .dw-detail-section.is-deposit{border-color:#cfe0ff!important;}
#tab-data-dw .dw-detail-section.is-withdraw{border-color:#ffd7d7!important;}
#tab-data-dw .dw-detail-section-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:16px 18px!important;
  border-bottom:1px solid #e2e8f0!important;
}
#tab-data-dw .dw-detail-section.is-deposit .dw-detail-section-head{background:linear-gradient(180deg,#eff6ff 0%,#eaf2ff 100%)!important;border-color:#cfe0ff!important;}
#tab-data-dw .dw-detail-section.is-withdraw .dw-detail-section-head{background:linear-gradient(180deg,#fff5f5 0%,#fff1f1 100%)!important;border-color:#ffd7d7!important;}
#tab-data-dw .dw-detail-section-head h4{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#061734!important;
  font-size:12px!important;
  font-weight:1000!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
#tab-data-dw .dw-detail-section.is-deposit .dw-detail-section-head h4{color:#1d4ed8!important;}
#tab-data-dw .dw-detail-section.is-withdraw .dw-detail-section-head h4{color:#dc2626!important;}
#tab-data-dw .dw-detail-section-head span{
  color:#64748b!important;
  font-size:11px!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
#tab-data-dw .dw-detail-list-head{
  display:grid!important;
  grid-template-columns:150px minmax(0,1fr) 150px!important;
  gap:12px!important;
  align-items:center!important;
  padding:11px 16px!important;
  background:#f8fafc!important;
  border-bottom:1px solid #eef2f7!important;
}
#tab-data-dw .dw-detail-list-head span{
  color:#64748b!important;
  font-size:10px!important;
  font-weight:1000!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
#tab-data-dw .dw-detail-list{
  max-height:none!important;
  overflow:visible!important;
  background:#fff!important;
}
#tab-data-dw .dw-detail-tx{
  display:grid!important;
  grid-template-columns:150px minmax(0,1fr) 150px!important;
  gap:12px!important;
  align-items:center!important;
  min-height:56px!important;
  padding:12px 16px!important;
  border-bottom:1px solid #eef2f7!important;
  background:#fff!important;
}
#tab-data-dw .dw-detail-tx:last-child{border-bottom:0!important;}
#tab-data-dw .dw-detail-tx:nth-child(even){background:#fcfdff!important;}
#tab-data-dw .dw-detail-tx.deposit:hover{background:#f5f9ff!important;}
#tab-data-dw .dw-detail-tx.withdraw:hover{background:#fff7f7!important;}
#tab-data-dw .dw-detail-tx-date,
#tab-data-dw .dw-detail-tx-operator,
#tab-data-dw .dw-detail-tx-amount{
  min-width:0!important;
  font-size:12.5px!important;
  line-height:1.25!important;
  font-weight:900!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#tab-data-dw .dw-detail-tx-date{color:#334155!important;}
#tab-data-dw .dw-detail-tx-operator{color:#071833!important;}
#tab-data-dw .dw-detail-tx-amount{
  justify-self:end!important;
  text-align:right!important;
  font-size:14.5px!important;
  font-weight:1000!important;
  letter-spacing:-.02em!important;
}
#tab-data-dw .dw-detail-summary strong.positive,
#tab-data-dw .dw-detail-tx-amount.deposit{color:#1d4ed8!important;}
#tab-data-dw .dw-detail-summary strong.negative,
#tab-data-dw .dw-detail-tx-amount.withdraw{color:#dc2626!important;}
#tab-data-dw .dw-detail-empty{
  padding:28px 18px!important;
  color:#64748b!important;
  font-size:13px!important;
  font-weight:900!important;
  text-align:center!important;
}
@media(max-width:1060px){
  #tab-data-dw .dw-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #tab-data-dw .dw-detail-grid{grid-template-columns:1fr!important;max-height:calc(90vh - 330px)!important;}
}
@media(max-width:720px){
  #tab-data-dw .dw-detail-modal{padding:10px!important;}
  #tab-data-dw .dw-detail-modal-card{width:calc(100vw - 20px)!important;border-radius:24px!important;}
  #tab-data-dw .dw-detail-header{padding:18px 16px 14px!important;}
  #tab-data-dw .dw-detail-heading h3{font-size:24px!important;}
  #tab-data-dw .dw-detail-summary{grid-template-columns:1fr!important;padding:14px 16px!important;}
  #tab-data-dw .dw-detail-grid{padding:0 16px 16px!important;max-height:none!important;}
  #tab-data-dw .dw-detail-list-head{display:none!important;}
  #tab-data-dw .dw-detail-tx{grid-template-columns:1fr!important;gap:6px!important;align-items:start!important;}
  #tab-data-dw .dw-detail-tx-date::before{content:'Tanggal';display:block;margin-bottom:2px;color:#94a3b8;font-size:10px;font-weight:1000;letter-spacing:.1em;text-transform:uppercase;}
  #tab-data-dw .dw-detail-tx-operator::before{content:'Nama Operator';display:block;margin-bottom:2px;color:#94a3b8;font-size:10px;font-weight:1000;letter-spacing:.1em;text-transform:uppercase;}
  #tab-data-dw .dw-detail-tx-amount{justify-self:start!important;text-align:left!important;}
  #tab-data-dw .dw-detail-tx-amount::before{content:'Nominal';display:block;margin-bottom:2px;color:#94a3b8;font-size:10px;font-weight:1000;letter-spacing:.1em;text-transform:uppercase;}
}

/* =========================================================
   DW v5.0 ULTRA PREMIUM POLISH — WIN/LOSE + DETAIL TABLE FIX
   ========================================================= */
#tab-data-dw{
  --dw50-ink:#06152f;
  --dw50-muted:#61738c;
  --dw50-line:#dbe6f4;
  --dw50-soft:#f7fbff;
  --dw50-blue:#2563eb;
  --dw50-blue2:#1d4ed8;
  --dw50-red:#dc2626;
  --dw50-green:#059669;
  --dw50-shadow:0 28px 80px rgba(15,23,42,.10);
  --dw50-card-shadow:0 16px 42px rgba(15,23,42,.07);
}
#tab-data-dw .dw-v45-filter-card,
#tab-data-dw .dw-filter-card{
  border-radius:32px!important;
  border:1px solid rgba(190,206,232,.82)!important;
  background:
    radial-gradient(circle at 0% 0%,rgba(37,99,235,.16),transparent 30%),
    radial-gradient(circle at 100% 5%,rgba(14,165,233,.12),transparent 34%),
    linear-gradient(135deg,#ffffff 0%,#f3f8ff 48%,#fbfdff 100%)!important;
  box-shadow:0 26px 78px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.96)!important;
}
#tab-data-dw .dw-v45-filter-shell{
  padding:18px!important;
  gap:15px!important;
}
#tab-data-dw .dw-v45-topbar{
  padding:8px!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(211,222,238,.78)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 14px 36px rgba(15,23,42,.05)!important;
}
#tab-data-dw .dw-v45-segment,
#tab-data-dw .dw-v45-quick{
  background:#fff!important;
  border-color:#d7e2f2!important;
  box-shadow:0 10px 26px rgba(15,23,42,.055)!important;
}
#tab-data-dw .dw-v45-field>span{
  color:#263a57!important;
  font-size:10.5px!important;
  letter-spacing:.11em!important;
}
#tab-data-dw .dw-v45-field input,
#tab-data-dw .dw-v45-field select,
#tab-data-dw .dw-v46-date-row .filter-date-input{
  border-radius:17px!important;
  border-color:#c9d7ea!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
  box-shadow:0 11px 24px rgba(15,23,42,.045), inset 0 1px 0 rgba(255,255,255,.94)!important;
}
#tab-data-dw .dw-v46-date-row{
  border-radius:24px!important;
  border-color:#cfdaec!important;
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(246,250,255,.86))!important;
  box-shadow:0 14px 34px rgba(15,23,42,.055)!important;
}
#tab-data-dw .dw-v45-summary-strip{
  gap:14px!important;
}
#tab-data-dw .dw-v45-summary-strip .summary-pill{
  position:relative!important;
  isolation:isolate!important;
  min-height:88px!important;
  padding:17px 18px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  border:1px solid #d9e5f4!important;
  background:linear-gradient(145deg,#ffffff 0%,#f4f8ff 100%)!important;
  box-shadow:0 18px 42px rgba(15,23,42,.065), inset 0 1px 0 rgba(255,255,255,.96)!important;
}
#tab-data-dw .dw-v45-summary-strip .summary-pill::before{
  content:""!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:5px!important;
  background:linear-gradient(180deg,#60a5fa,#2563eb)!important;
  opacity:.95!important;
}
#tab-data-dw .dw-v45-summary-strip .summary-pill::after{
  content:""!important;
  position:absolute!important;
  right:-40px!important;
  top:-50px!important;
  width:130px!important;
  height:130px!important;
  border-radius:999px!important;
  background:rgba(37,99,235,.08)!important;
  z-index:-1!important;
}
#tab-data-dw .dw-v45-summary-strip .summary-pill.is-winlose::before{background:linear-gradient(180deg,#34d399,#2563eb,#f87171)!important;}
#tab-data-dw .dw-v45-summary-strip .summary-pill span{
  color:#65758d!important;
  font-size:10.5px!important;
  letter-spacing:.13em!important;
}
#tab-data-dw .dw-v45-summary-strip .summary-pill strong{
  margin-top:9px!important;
  font-size:29px!important;
  color:var(--dw50-ink)!important;
}
#tab-data-dw #dw-summary-net.positive{color:#0f766e!important;}
#tab-data-dw #dw-summary-net.negative{color:#dc2626!important;}

#tab-data-dw .dw-table-card{
  border-radius:32px!important;
  border:1px solid rgba(205,216,232,.92)!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
  box-shadow:0 26px 78px rgba(15,23,42,.09)!important;
  overflow:hidden!important;
}
#tab-data-dw .dw-table-toolbar{
  padding:18px 20px 14px!important;
  border-bottom:1px solid #e4ecf7!important;
  background:linear-gradient(180deg,#fff 0%,#f7fbff 100%)!important;
}
#tab-data-dw .dw-table thead th{
  height:54px!important;
  background:linear-gradient(180deg,#f8fbff 0%,#edf5ff 100%)!important;
  color:#17304f!important;
  font-size:11px!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  border-bottom:1px solid #dbe7f6!important;
}
#tab-data-dw .dw-table tbody td{
  height:54px!important;
  color:#21344f!important;
  border-bottom:1px solid #edf3fb!important;
}
#tab-data-dw .dw-table tbody tr:nth-child(even) td{background:#fcfdff!important;}
#tab-data-dw .dw-table tbody tr:hover td{
  background:#f3f8ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88), inset 0 -1px 0 rgba(219,231,246,.82)!important;
}
#tab-data-dw .dw-merge-table .winlose-cell span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:96px!important;
  height:32px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  font-weight:1000!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:-.02em!important;
  border:1px solid currentColor!important;
  background:rgba(255,255,255,.74)!important;
}
#tab-data-dw .dw-merge-table .winlose-cell.positive span{color:#0f766e!important;background:#ecfdf5!important;}
#tab-data-dw .dw-merge-table .winlose-cell.negative span{color:#dc2626!important;background:#fff1f2!important;}
#tab-data-dw .btn-dw-detail{
  height:38px!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#ffffff 0%,#edf5ff 100%)!important;
  border-color:#bed3f4!important;
  box-shadow:0 12px 28px rgba(37,99,235,.14)!important;
}
#tab-data-dw .btn-dw-detail:hover{
  background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;
  box-shadow:0 18px 38px rgba(37,99,235,.28)!important;
}

#tab-data-dw .dw-detail-modal{
  background:rgba(2,8,23,.70)!important;
  backdrop-filter:blur(8px) saturate(116%)!important;
  -webkit-backdrop-filter:blur(8px) saturate(116%)!important;
  padding:22px!important;
}
#tab-data-dw .dw-detail-modal-card{
  display:flex!important;
  flex-direction:column!important;
  width:min(1120px,calc(100vw - 44px))!important;
  max-height:92vh!important;
  overflow:hidden!important;
  padding:0!important;
  border-radius:34px!important;
  border:1px solid rgba(226,234,245,.98)!important;
  background:
    radial-gradient(circle at 0% 0%,rgba(37,99,235,.10),transparent 34%),
    linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
  box-shadow:0 52px 130px rgba(2,8,23,.50), inset 0 1px 0 rgba(255,255,255,.96)!important;
  color:var(--dw50-ink)!important;
}
#tab-data-dw .dw-detail-header{
  position:relative!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  flex:0 0 auto!important;
  padding:24px 26px 20px!important;
  background:
    radial-gradient(circle at 12% -38%,rgba(37,99,235,.18),transparent 42%),
    linear-gradient(135deg,#ffffff 0%,#eef6ff 100%)!important;
  border-bottom:1px solid #dbe7f6!important;
}
#tab-data-dw .dw-detail-kicker{
  height:30px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#eaf2ff,#dbeafe)!important;
  color:#1d4ed8!important;
  border:1px solid #c7dbff!important;
  box-shadow:0 10px 22px rgba(37,99,235,.10)!important;
}
#tab-data-dw .dw-detail-heading h3{
  margin-top:12px!important;
  color:#06152f!important;
  font-size:clamp(26px,3vw,36px)!important;
  letter-spacing:-.055em!important;
}
#tab-data-dw .dw-detail-heading p{
  margin-top:9px!important;
  color:#60728a!important;
  font-size:13px!important;
  font-weight:850!important;
}
#tab-data-dw .dw-detail-close-btn{
  width:44px!important;
  height:44px!important;
  border-radius:17px!important;
  border:1px solid #d6e1f0!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 14px 32px rgba(15,23,42,.11)!important;
}
#tab-data-dw .dw-detail-summary{
  flex:0 0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  padding:18px 26px!important;
  background:linear-gradient(180deg,#fbfdff 0%,#ffffff 100%)!important;
}
#tab-data-dw .dw-detail-summary article{
  position:relative!important;
  isolation:isolate!important;
  min-height:98px!important;
  padding:17px 18px!important;
  overflow:hidden!important;
  border-radius:24px!important;
  border:1px solid #dce8f6!important;
  background:linear-gradient(145deg,#ffffff 0%,#f7fbff 100%)!important;
  box-shadow:0 18px 44px rgba(15,23,42,.065), inset 0 1px 0 rgba(255,255,255,.96)!important;
}
#tab-data-dw .dw-detail-summary article::after{
  content:""!important;
  position:absolute!important;
  right:-34px!important;
  top:-42px!important;
  width:118px!important;
  height:118px!important;
  border-radius:999px!important;
  background:rgba(37,99,235,.07)!important;
  z-index:-1!important;
}
#tab-data-dw .dw-detail-summary article.is-deposit{border-color:#bfd7ff!important;background:linear-gradient(145deg,#ffffff 0%,#edf5ff 100%)!important;}
#tab-data-dw .dw-detail-summary article.is-withdraw{border-color:#ffd1d6!important;background:linear-gradient(145deg,#ffffff 0%,#fff1f2 100%)!important;}
#tab-data-dw .dw-detail-summary article.is-net{border-color:#d4e2f2!important;background:linear-gradient(145deg,#ffffff 0%,#f5f8fc 100%)!important;}
#tab-data-dw .dw-detail-summary span{
  color:#64758d!important;
  font-size:10.5px!important;
  font-weight:1000!important;
  letter-spacing:.135em!important;
}
#tab-data-dw .dw-detail-summary strong{
  margin-top:10px!important;
  color:#06152f!important;
  font-size:clamp(24px,2.35vw,31px)!important;
  letter-spacing:-.055em!important;
}
#tab-data-dw .dw-detail-summary strong.positive{color:#0f766e!important;}
#tab-data-dw .dw-detail-summary strong.negative{color:#dc2626!important;}
#tab-data-dw .dw-detail-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:18px!important;
  padding:0 26px 26px!important;
  max-height:none!important;
  overflow:auto!important;
  background:transparent!important;
}
#tab-data-dw .dw-detail-section{
  min-width:0!important;
  align-self:start!important;
  overflow:hidden!important;
  border-radius:26px!important;
  border:1px solid #dbe7f6!important;
  background:#ffffff!important;
  box-shadow:0 20px 52px rgba(15,23,42,.07)!important;
}
#tab-data-dw .dw-detail-section.is-deposit{border-color:#bfd7ff!important;}
#tab-data-dw .dw-detail-section.is-withdraw{border-color:#ffd1d6!important;}
#tab-data-dw .dw-detail-section-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:16px 18px!important;
  border-bottom:1px solid #dbe7f6!important;
}
#tab-data-dw .dw-detail-section.is-deposit .dw-detail-section-head{background:linear-gradient(180deg,#f4f8ff 0%,#eaf2ff 100%)!important;border-color:#bfd7ff!important;}
#tab-data-dw .dw-detail-section.is-withdraw .dw-detail-section-head{background:linear-gradient(180deg,#fff8f8 0%,#fff0f1 100%)!important;border-color:#ffd1d6!important;}
#tab-data-dw .dw-detail-section-head h4{
  margin:0!important;
  color:#06152f!important;
  font-size:12px!important;
  font-weight:1000!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
}
#tab-data-dw .dw-detail-section-head span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:28px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.76)!important;
  color:#53657d!important;
  border:1px solid rgba(207,218,236,.72)!important;
  font-size:11px!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
#tab-data-dw .dw-detail-list-head,
#tab-data-dw .dw-detail-tx{
  grid-template-columns:minmax(145px,1.05fr) minmax(105px,.95fr) minmax(110px,.75fr)!important;
  gap:10px!important;
}
#tab-data-dw .dw-detail-list-head{
  display:grid!important;
  align-items:center!important;
  padding:12px 16px!important;
  background:linear-gradient(180deg,#fbfdff 0%,#f3f7fd 100%)!important;
  border-bottom:1px solid #e5edf8!important;
}
#tab-data-dw .dw-detail-list-head span{
  display:block!important;
  color:#667892!important;
  font-size:9.5px!important;
  font-weight:1000!important;
  letter-spacing:.13em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
#tab-data-dw .dw-detail-list-head span:nth-child(3){text-align:right!important;}
#tab-data-dw .dw-detail-list{
  background:#ffffff!important;
  overflow:visible!important;
}
#tab-data-dw .dw-detail-tx{
  position:relative!important;
  display:grid!important;
  align-items:center!important;
  min-height:58px!important;
  margin:8px 10px!important;
  padding:12px 14px!important;
  border:1px solid #e7eef8!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fcfdff 100%)!important;
  box-shadow:0 8px 20px rgba(15,23,42,.035)!important;
}
#tab-data-dw .dw-detail-tx::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:12px!important;
  bottom:12px!important;
  width:4px!important;
  border-radius:999px!important;
  background:#2563eb!important;
}
#tab-data-dw .dw-detail-tx.withdraw::before{background:#ef4444!important;}
#tab-data-dw .dw-detail-tx:last-child{border-bottom:1px solid #e7eef8!important;}
#tab-data-dw .dw-detail-tx:nth-child(even){background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;}
#tab-data-dw .dw-detail-tx.deposit:hover{background:#f3f8ff!important;border-color:#bfd7ff!important;transform:translateY(-1px)!important;}
#tab-data-dw .dw-detail-tx.withdraw:hover{background:#fff6f7!important;border-color:#ffd1d6!important;transform:translateY(-1px)!important;}
#tab-data-dw .dw-detail-tx-date,
#tab-data-dw .dw-detail-tx-operator,
#tab-data-dw .dw-detail-tx-amount{
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1.25!important;
  font-variant-numeric:tabular-nums!important;
}
#tab-data-dw .dw-detail-tx-date{
  color:#334761!important;
  font-size:12px!important;
  font-weight:950!important;
}
#tab-data-dw .dw-detail-tx-operator{
  color:#071833!important;
  font-size:12.5px!important;
  font-weight:1000!important;
}
#tab-data-dw .dw-detail-tx-amount{
  justify-self:end!important;
  text-align:right!important;
  min-width:96px!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  font-size:13.5px!important;
  font-weight:1000!important;
  letter-spacing:-.025em!important;
}
#tab-data-dw .dw-detail-tx-amount.deposit{color:#1d4ed8!important;background:#eff6ff!important;}
#tab-data-dw .dw-detail-tx-amount.withdraw{color:#dc2626!important;background:#fff1f2!important;}
#tab-data-dw .dw-detail-empty{
  margin:10px!important;
  padding:30px 18px!important;
  border:1px dashed #ccd9ea!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  color:#64758d!important;
  font-size:13px!important;
  font-weight:950!important;
  text-align:center!important;
}
@media(max-width:1120px){
  #tab-data-dw .dw-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #tab-data-dw .dw-detail-grid{grid-template-columns:1fr!important;}
  #tab-data-dw .dw-detail-list-head,
  #tab-data-dw .dw-detail-tx{grid-template-columns:minmax(165px,1fr) minmax(0,1fr) minmax(120px,.65fr)!important;}
}
@media(max-width:760px){
  #tab-data-dw .dw-detail-modal{padding:10px!important;}
  #tab-data-dw .dw-detail-modal-card{width:calc(100vw - 20px)!important;border-radius:26px!important;max-height:94vh!important;}
  #tab-data-dw .dw-detail-header{padding:18px 16px 15px!important;}
  #tab-data-dw .dw-detail-summary{grid-template-columns:1fr!important;padding:14px 16px!important;}
  #tab-data-dw .dw-detail-grid{padding:0 16px 16px!important;gap:14px!important;}
  #tab-data-dw .dw-detail-list-head{display:none!important;}
  #tab-data-dw .dw-detail-tx{grid-template-columns:1fr!important;gap:7px!important;align-items:start!important;margin:8px!important;padding:13px 14px!important;}
  #tab-data-dw .dw-detail-tx-date::before{content:'Tanggal';display:block;margin-bottom:3px;color:#94a3b8;font-size:9.5px;font-weight:1000;letter-spacing:.12em;text-transform:uppercase;}
  #tab-data-dw .dw-detail-tx-operator::before{content:'Nama Operator';display:block;margin-bottom:3px;color:#94a3b8;font-size:9.5px;font-weight:1000;letter-spacing:.12em;text-transform:uppercase;}
  #tab-data-dw .dw-detail-tx-amount{justify-self:start!important;text-align:left!important;min-width:0!important;}
  #tab-data-dw .dw-detail-tx-amount::before{content:'Nominal';display:block;margin-bottom:3px;color:#94a3b8;font-size:9.5px;font-weight:1000;letter-spacing:.12em;text-transform:uppercase;}
}

/* =========================================================
   DW v5.1 PERFECT DETAIL TABLE ALIGNMENT — anti-overlap fix
   Fokus: nominal selalu stay di dalam grid/card, popup lebih lega,
   dan tabel detail tetap premium di semua ukuran layar.
   ========================================================= */
#tab-data-dw .dw-detail-modal{
  padding:12px!important;
}
#tab-data-dw .dw-detail-modal-card{
  width:min(1240px,calc(100vw - 24px))!important;
  max-height:92vh!important;
  overflow:hidden!important;
  border-radius:32px!important;
}
#tab-data-dw .dw-detail-header{
  padding:24px 28px 18px!important;
}
#tab-data-dw .dw-detail-summary{
  padding:18px 28px!important;
  gap:14px!important;
}
#tab-data-dw .dw-detail-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  padding:0 28px 28px!important;
  max-height:calc(92vh - 245px)!important;
  overflow:auto!important;
}
#tab-data-dw .dw-detail-section,
#tab-data-dw .dw-detail-list,
#tab-data-dw .dw-detail-list-head,
#tab-data-dw .dw-detail-tx,
#tab-data-dw .dw-detail-tx-date,
#tab-data-dw .dw-detail-tx-operator,
#tab-data-dw .dw-detail-tx-amount{
  box-sizing:border-box!important;
}
#tab-data-dw .dw-detail-section{
  min-width:0!important;
  max-width:100%!important;
}
#tab-data-dw .dw-detail-list{
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
#tab-data-dw .dw-detail-list-head,
#tab-data-dw .dw-detail-tx{
  width:100%!important;
  max-width:100%!important;
  grid-template-columns:minmax(132px,1.15fr) minmax(82px,.85fr) minmax(88px,.72fr)!important;
  column-gap:8px!important;
}
#tab-data-dw .dw-detail-list-head{
  padding:12px 14px!important;
}
#tab-data-dw .dw-detail-tx{
  margin:8px!important;
  width:calc(100% - 16px)!important;
  padding:12px 12px 12px 14px!important;
  min-height:58px!important;
  overflow:hidden!important;
}
#tab-data-dw .dw-detail-tx::before{
  left:0!important;
  width:4px!important;
}
#tab-data-dw .dw-detail-tx-date,
#tab-data-dw .dw-detail-tx-operator,
#tab-data-dw .dw-detail-tx-amount{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#tab-data-dw .dw-detail-tx-date{
  padding-left:2px!important;
  font-size:12px!important;
}
#tab-data-dw .dw-detail-tx-operator{
  font-size:12.2px!important;
}
#tab-data-dw .dw-detail-tx-amount{
  justify-self:stretch!important;
  width:100%!important;
  min-width:0!important;
  padding:7px 8px!important;
  text-align:right!important;
  border-radius:999px!important;
  font-size:13px!important;
  line-height:1.15!important;
}
#tab-data-dw .dw-detail-section-head{
  padding:16px 18px!important;
}
#tab-data-dw .dw-detail-empty{
  margin:10px!important;
}
@media(max-width:1180px){
  #tab-data-dw .dw-detail-grid{
    grid-template-columns:1fr!important;
    max-height:calc(92vh - 245px)!important;
  }
  #tab-data-dw .dw-detail-list-head,
  #tab-data-dw .dw-detail-tx{
    grid-template-columns:minmax(175px,1fr) minmax(120px,.9fr) minmax(112px,.55fr)!important;
    column-gap:12px!important;
  }
  #tab-data-dw .dw-detail-tx{
    padding:13px 14px 13px 16px!important;
  }
  #tab-data-dw .dw-detail-tx-amount{
    font-size:13.5px!important;
    padding:7px 10px!important;
  }
}
@media(max-width:760px){
  #tab-data-dw .dw-detail-modal{
    padding:8px!important;
  }
  #tab-data-dw .dw-detail-modal-card{
    width:calc(100vw - 16px)!important;
    max-height:94vh!important;
    border-radius:26px!important;
  }
  #tab-data-dw .dw-detail-header{
    padding:18px 16px 14px!important;
  }
  #tab-data-dw .dw-detail-summary{
    grid-template-columns:1fr!important;
    padding:14px 16px!important;
  }
  #tab-data-dw .dw-detail-grid{
    grid-template-columns:1fr!important;
    padding:0 16px 16px!important;
    max-height:none!important;
    overflow:visible!important;
  }
  #tab-data-dw .dw-detail-list-head{
    display:none!important;
  }
  #tab-data-dw .dw-detail-tx{
    width:calc(100% - 16px)!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    align-items:start!important;
    padding:13px 14px 13px 16px!important;
  }
  #tab-data-dw .dw-detail-tx-amount{
    justify-self:start!important;
    width:auto!important;
    max-width:100%!important;
    text-align:left!important;
    padding:8px 12px!important;
  }
}


/* =========================================================
   DW v5.2 FINAL PERFECT DETAIL GRID — nominal anti-overlap
   - Popup dibuat lebih lega sampai tepi viewport aman.
   - Kolom detail memakai rasio fleksibel, bukan fixed width kaku.
   - Nominal selalu stretch di kolomnya sendiri, tidak keluar border.
   - Tetap side-by-side di layar laptop/tablet lebar, stack hanya saat sempit.
   ========================================================= */
#tab-data-dw .dw-detail-modal{
  padding:8px!important;
}
#tab-data-dw .dw-detail-modal-card{
  width:min(1280px,calc(100vw - 16px))!important;
  max-width:calc(100vw - 16px)!important;
  max-height:94vh!important;
  overflow:hidden!important;
  border-radius:34px!important;
}
#tab-data-dw .dw-detail-header{
  padding:24px clamp(18px,2.4vw,30px) 18px!important;
}
#tab-data-dw .dw-detail-summary{
  padding:18px clamp(18px,2.4vw,30px)!important;
  gap:14px!important;
}
#tab-data-dw .dw-detail-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  padding:0 clamp(18px,2.4vw,30px) clamp(18px,2.4vw,30px)!important;
  max-height:calc(94vh - 248px)!important;
  overflow:auto!important;
}
#tab-data-dw .dw-detail-section,
#tab-data-dw .dw-detail-list,
#tab-data-dw .dw-detail-list-head,
#tab-data-dw .dw-detail-tx{
  min-width:0!important;
  max-width:100%!important;
}
#tab-data-dw .dw-detail-section{
  border-radius:26px!important;
}
#tab-data-dw .dw-detail-section-head{
  padding:16px 18px!important;
}
#tab-data-dw .dw-detail-section-head h4{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#tab-data-dw .dw-detail-list{
  width:100%!important;
  overflow:visible!important;
}
#tab-data-dw .dw-detail-list-head,
#tab-data-dw .dw-detail-tx{
  width:100%!important;
  max-width:100%!important;
  grid-template-columns:minmax(128px,1.22fr) minmax(72px,.82fr) minmax(86px,.72fr)!important;
  column-gap:7px!important;
}
#tab-data-dw .dw-detail-list-head{
  padding:12px 14px!important;
}
#tab-data-dw .dw-detail-list-head span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#tab-data-dw .dw-detail-list-head span:nth-child(3){
  text-align:right!important;
  padding-right:8px!important;
}
#tab-data-dw .dw-detail-tx{
  width:calc(100% - 16px)!important;
  margin:8px!important;
  padding:11px 10px 11px 14px!important;
  min-height:58px!important;
  overflow:hidden!important;
  border-radius:18px!important;
}
#tab-data-dw .dw-detail-tx::before{
  left:0!important;
  top:11px!important;
  bottom:11px!important;
  width:4px!important;
}
#tab-data-dw .dw-detail-tx-date,
#tab-data-dw .dw-detail-tx-operator,
#tab-data-dw .dw-detail-tx-amount{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
#tab-data-dw .dw-detail-tx-date{
  padding-left:2px!important;
  font-size:11.8px!important;
  letter-spacing:-.015em!important;
}
#tab-data-dw .dw-detail-tx-operator{
  font-size:12.1px!important;
}
#tab-data-dw .dw-detail-tx-amount{
  display:block!important;
  justify-self:stretch!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:7px 8px!important;
  text-align:right!important;
  border-radius:999px!important;
  font-size:13px!important;
  line-height:1.15!important;
  letter-spacing:-.03em!important;
}
#tab-data-dw .dw-detail-empty{
  margin:10px!important;
  width:calc(100% - 20px)!important;
}
@media(max-width:980px){
  #tab-data-dw .dw-detail-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #tab-data-dw .dw-detail-grid{
    gap:14px!important;
    padding-inline:18px!important;
  }
  #tab-data-dw .dw-detail-list-head,
  #tab-data-dw .dw-detail-tx{
    grid-template-columns:minmax(124px,1.18fr) minmax(70px,.82fr) minmax(82px,.70fr)!important;
    column-gap:6px!important;
  }
  #tab-data-dw .dw-detail-tx{
    padding-right:9px!important;
  }
  #tab-data-dw .dw-detail-tx-date{font-size:11.6px!important;}
  #tab-data-dw .dw-detail-tx-operator{font-size:11.9px!important;}
  #tab-data-dw .dw-detail-tx-amount{font-size:12.7px!important;padding-inline:7px!important;}
}
@media(max-width:860px){
  #tab-data-dw .dw-detail-grid{
    grid-template-columns:1fr!important;
    max-height:calc(94vh - 248px)!important;
  }
  #tab-data-dw .dw-detail-list-head,
  #tab-data-dw .dw-detail-tx{
    grid-template-columns:minmax(170px,1fr) minmax(120px,.82fr) minmax(112px,.55fr)!important;
    column-gap:12px!important;
  }
  #tab-data-dw .dw-detail-tx{
    padding:13px 14px 13px 16px!important;
  }
  #tab-data-dw .dw-detail-tx-amount{
    font-size:13.5px!important;
    padding:7px 10px!important;
  }
}
@media(max-width:760px){
  #tab-data-dw .dw-detail-modal{
    padding:8px!important;
  }
  #tab-data-dw .dw-detail-modal-card{
    width:calc(100vw - 16px)!important;
    max-height:94vh!important;
    border-radius:26px!important;
  }
  #tab-data-dw .dw-detail-header{
    padding:18px 16px 14px!important;
  }
  #tab-data-dw .dw-detail-summary{
    grid-template-columns:1fr!important;
    padding:14px 16px!important;
  }
  #tab-data-dw .dw-detail-grid{
    grid-template-columns:1fr!important;
    padding:0 16px 16px!important;
    max-height:none!important;
    overflow:visible!important;
  }
  #tab-data-dw .dw-detail-list-head{
    display:none!important;
  }
  #tab-data-dw .dw-detail-tx{
    width:calc(100% - 16px)!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    align-items:start!important;
    padding:13px 14px 13px 16px!important;
  }
  #tab-data-dw .dw-detail-tx-amount{
    justify-self:start!important;
    width:auto!important;
    max-width:100%!important;
    text-align:left!important;
    padding:8px 12px!important;
  }
}



/* ===== v5.4 FINAL BANK SPLIT TABLE + WHITE PREMIUM SIDEBAR ===== */
:root{
  --sidebar-final-w:252px;
  --side-white-bg:#f7f9fc;
  --side-white-card:#ffffff;
  --side-white-line:#e2e8f0;
  --side-white-ink:#111827;
  --side-white-muted:#64748b;
  --side-white-accent:#2563eb;
  --side-white-accent-2:#7c3aed;
}
html,body{background:#f4f7fb!important;}
body{background:linear-gradient(180deg,#f3f6fb 0%,#f8fafc 100%)!important;}
.app-shell{background:linear-gradient(180deg,#f3f6fb 0%,#f8fafc 100%)!important;}
.sidebar{
  background:
    radial-gradient(circle at 18% 0%,rgba(37,99,235,.10),transparent 34%),
    linear-gradient(180deg,#ffffff 0%,#f3f7fb 100%)!important;
  border-right:1px solid rgba(203,213,225,.86)!important;
  box-shadow:14px 0 38px rgba(15,23,42,.055), inset -1px 0 0 rgba(255,255,255,.96)!important;
  scrollbar-color:#cbd5e1 transparent!important;
}
.sidebar::-webkit-scrollbar-track{background:transparent!important;}
.sidebar::-webkit-scrollbar-thumb{background:#cbd5e1!important;border:2px solid #f8fafc!important;}
.sidebar .brand-wrap,
.sidebar .brand-wrap.side,
.brand-wrap.side{
  background:linear-gradient(135deg,#ffffff 0%,#f8fbff 100%)!important;
  border:1px solid rgba(203,213,225,.88)!important;
  color:#111827!important;
  box-shadow:0 16px 32px rgba(15,23,42,.065), inset 0 1px 0 rgba(255,255,255,1)!important;
}
.sidebar .eyebrow,
.brand-wrap.side .eyebrow{color:#64748b!important;}
.sidebar .brand-wrap strong,
.brand-wrap.side strong{color:#111827!important;}
.sidebar-mid-menu{border-color:rgba(203,213,225,.8)!important;}
.sidebar .nav-btn,
.sidebar .nav-btn-mid,
.nav-btn,
.nav-btn-mid{
  background:rgba(255,255,255,.86)!important;
  color:#111827!important;
  border:1px solid rgba(203,213,225,.86)!important;
  box-shadow:0 7px 18px rgba(15,23,42,.045), inset 0 1px 0 rgba(255,255,255,.98)!important;
  font-weight:920!important;
}
.sidebar .nav-btn:hover,
.sidebar .nav-btn-mid:hover,
.nav-btn:hover,
.nav-btn-mid:hover{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:rgba(37,99,235,.34)!important;
  box-shadow:0 14px 30px rgba(37,99,235,.105), inset 0 1px 0 rgba(255,255,255,1)!important;
}
.sidebar .nav-btn.active,
.sidebar .nav-btn-mid.active,
.nav-btn.active,
.nav-btn-mid.active{
  background:linear-gradient(135deg,#eef6ff 0%,#f3f0ff 100%)!important;
  color:#1d4ed8!important;
  border-color:rgba(37,99,235,.44)!important;
  box-shadow:0 18px 34px rgba(37,99,235,.13), inset 3px 0 0 #2563eb, inset 0 1px 0 rgba(255,255,255,1)!important;
}
.sidebar-bottom-actions{border-color:rgba(203,213,225,.86)!important;}
.sidebar-bottom-actions .logout,
.sidebar .logout,
.logout{
  background:linear-gradient(135deg,#111827 0%,#020617 100%)!important;
  color:#ef4444!important;
  border:1px solid rgba(17,24,39,.95)!important;
  box-shadow:0 18px 36px rgba(15,23,42,.22)!important;
}
.sidebar-bottom-actions .logout:hover,
.sidebar .logout:hover,
.logout:hover{
  background:#000!important;
  color:#ff6b6b!important;
  transform:translateY(-1px)!important;
}

#tab-data-dw .dw-table-card{overflow:hidden!important;}
#tab-data-dw .dw-table-card .table-wrap{
  overflow-x:auto!important;
  overflow-y:visible!important;
  background:#ffffff!important;
  border-top:1px solid #e2e8f0!important;
}
#tab-data-dw .dw-table,
#tab-data-dw .dw-raw-table{
  table-layout:fixed!important;
  width:100%!important;
  min-width:1380px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  font-size:11.7px!important;
}
#tab-data-dw .dw-merge-table{min-width:1080px!important;}
#tab-data-dw .dw-table col.col-no{width:50px!important;}
#tab-data-dw .dw-table col.col-site{width:128px!important;}
#tab-data-dw .dw-table col.col-date{width:145px!important;}
#tab-data-dw .dw-table col.col-operator{width:128px!important;}
#tab-data-dw .dw-table col.col-type{width:94px!important;}
#tab-data-dw .dw-table col.col-user{width:126px!important;}
#tab-data-dw .dw-table col.col-owner{width:148px!important;}
#tab-data-dw .dw-table col.col-rek{width:132px!important;}
#tab-data-dw .dw-table col.col-bank-name{width:104px!important;}
#tab-data-dw .dw-table col.col-destination{width:210px!important;}
#tab-data-dw .dw-table col.col-bank{width:210px!important;}
#tab-data-dw .dw-table col.col-amount{width:128px!important;}
#tab-data-dw .dw-table col.col-status{display:none!important;width:0!important;}
#tab-data-dw .dw-table thead th{
  padding:11px 8px!important;
  background:linear-gradient(180deg,#eef5ff 0%,#e8f0fb 100%)!important;
  color:#24364f!important;
  border-bottom:1px solid #cfdaea!important;
  font-size:9.8px!important;
  line-height:1.15!important;
  font-weight:1000!important;
  letter-spacing:.055em!important;
  text-align:center!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
#tab-data-dw .dw-table thead th:first-child{text-align:left!important;}
#tab-data-dw .dw-table tbody tr{height:46px!important;}
#tab-data-dw .dw-table tbody td{
  height:46px!important;
  max-height:46px!important;
  padding:7px 8px!important;
  line-height:1.16!important;
  vertical-align:middle!important;
  border-bottom:1px solid rgba(226,232,240,.92)!important;
  background:#fff!important;
  overflow:hidden!important;
}
#tab-data-dw .dw-table tbody tr:nth-child(even) td{background:#fbfdff!important;}
#tab-data-dw .dw-table tbody tr:hover td{background:#f3f8ff!important;}
#tab-data-dw .dw-table .site-cell,
#tab-data-dw .dw-table .operator-cell,
#tab-data-dw .dw-table .user-cell,
#tab-data-dw .dw-table .owner-cell,
#tab-data-dw .dw-table .rek-cell,
#tab-data-dw .dw-table .bank-name-cell,
#tab-data-dw .dw-table .to-bank-cell,
#tab-data-dw .dw-table .date-cell{
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}
#tab-data-dw .dw-cell-text{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  line-height:1.16!important;
}
#tab-data-dw .operator-cell strong,
#tab-data-dw .user-cell strong{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#tab-data-dw .dw-bank-destination{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1.12!important;
  max-height:2.24em!important;
  word-break:break-word!important;
}
#tab-data-dw .rek-cell,
#tab-data-dw .dw-rek-text,
#tab-data-dw .amount-cell{font-variant-numeric:tabular-nums!important;}
#tab-data-dw .rek-cell{letter-spacing:.01em!important;color:#0f172a!important;font-weight:920!important;}
#tab-data-dw .owner-cell,
#tab-data-dw .bank-name-cell,
#tab-data-dw .to-bank-cell{color:#334155!important;font-weight:860!important;}
#tab-data-dw .amount-cell{text-align:right!important;font-size:12.2px!important;font-weight:1000!important;}
#tab-data-dw .dw-sortable{padding-right:18px!important;}
#tab-data-dw .dw-sortable::after{right:6px!important;font-size:10px!important;}
@media (min-width:1680px){#tab-data-dw .dw-table,#tab-data-dw .dw-raw-table{min-width:0!important;}}
@media (max-width:760px){#tab-data-dw .dw-table,#tab-data-dw .dw-raw-table{min-width:1300px!important;}}



/* ===== v5.4.1 SIDEBAR LOG D/W REMOVED + DW AMOUNT ALIGN FIX ===== */
#tab-data-dw .dw-table col.col-amount{width:132px!important;}
#tab-data-dw .dw-table thead th.col-amount,
#tab-data-dw .dw-table thead th[data-sort-field="amount"],
#tab-data-dw .dw-table thead th[data-sort-field="total_deposit"],
#tab-data-dw .dw-table thead th[data-sort-field="total_withdraw"],
#tab-data-dw .dw-table thead th[data-sort-field="net"]{
  text-align:right!important;
  padding-left:8px!important;
  padding-right:22px!important;
}
#tab-data-dw .dw-table tbody td.amount-cell{
  text-align:right!important;
  padding-left:8px!important;
  padding-right:22px!important;
  justify-content:flex-end!important;
}
#tab-data-dw .dw-table thead th.col-amount.dw-sortable::after,
#tab-data-dw .dw-table thead th[data-sort-field="amount"]::after,
#tab-data-dw .dw-table thead th[data-sort-field="total_deposit"]::after,
#tab-data-dw .dw-table thead th[data-sort-field="total_withdraw"]::after,
#tab-data-dw .dw-table thead th[data-sort-field="net"]::after{
  right:8px!important;
}
#tab-data-dw .dw-raw-table tbody td:last-child,
#tab-data-dw .dw-merge-table tbody td:nth-child(4),
#tab-data-dw .dw-merge-table tbody td:nth-child(5),
#tab-data-dw .dw-merge-table tbody td:nth-child(6){
  text-align:right!important;
  padding-right:22px!important;
}

/* ===== v5.4.2 USER REQUEST: SIDEBAR REORDER + PREMIUM DIVIDERS + CENTERED DW AMOUNTS ===== */
.sidebar{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
.sidebar > div:first-child{
  flex:0 0 auto!important;
  width:100%!important;
}
.sidebar-groups-redesign{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  width:100%!important;
  margin:0!important;
  padding:0 0 14px!important;
}
.sidebar-groups-redesign .nav-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.sidebar-divider{
  position:relative!important;
  display:block!important;
  width:calc(100% - 10px)!important;
  height:1px!important;
  margin:12px auto!important;
  border:0!important;
  background:linear-gradient(90deg,transparent 0%,rgba(37,99,235,.30) 18%,rgba(124,58,237,.34) 50%,rgba(37,99,235,.30) 82%,transparent 100%)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.78)!important;
}
.sidebar-divider::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:34px!important;
  height:5px!important;
  transform:translate(-50%,-50%)!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,rgba(37,99,235,.18),rgba(124,58,237,.20),rgba(37,99,235,.18))!important;
  filter:blur(.1px)!important;
}
.sidebar-groups-redesign .nav-btn,
.sidebar-groups-redesign .nav-btn-mid{
  min-height:41px!important;
  border-radius:15px!important;
  padding:10px 12px!important;
  font-size:11.8px!important;
  line-height:1.18!important;
  letter-spacing:.005em!important;
}
.sidebar-groups-redesign .nav-list-primary .nav-btn:first-child{
  min-height:44px!important;
  font-weight:1000!important;
}
.sidebar-bottom-actions{
  margin-top:auto!important;
  padding-top:13px!important;
  padding-bottom:0!important;
  border-top:1px solid rgba(148,163,184,.24)!important;
}
.sidebar-bottom-actions .logout,
.sidebar .logout,
.logout{
  min-height:44px!important;
  border-radius:16px!important;
  letter-spacing:.02em!important;
}

#tab-data-dw .dw-table thead th{
  text-align:center!important;
  vertical-align:middle!important;
}
#tab-data-dw .dw-table thead th.col-amount,
#tab-data-dw .dw-table thead th[data-sort-field="amount"],
#tab-data-dw .dw-table thead th[data-sort-field="total_deposit"],
#tab-data-dw .dw-table thead th[data-sort-field="total_withdraw"],
#tab-data-dw .dw-table thead th[data-sort-field="net"]{
  text-align:center!important;
  padding-left:18px!important;
  padding-right:18px!important;
}
#tab-data-dw .dw-table tbody td.amount-cell,
#tab-data-dw .dw-raw-table tbody td:last-child,
#tab-data-dw .dw-merge-table tbody td:nth-child(4),
#tab-data-dw .dw-merge-table tbody td:nth-child(5),
#tab-data-dw .dw-merge-table tbody td:nth-child(6){
  text-align:center!important;
  padding-left:10px!important;
  padding-right:10px!important;
  justify-content:center!important;
  font-variant-numeric:tabular-nums!important;
}
#tab-data-dw .dw-table thead th.col-amount.dw-sortable::after,
#tab-data-dw .dw-table thead th[data-sort-field="amount"]::after,
#tab-data-dw .dw-table thead th[data-sort-field="total_deposit"]::after,
#tab-data-dw .dw-table thead th[data-sort-field="total_withdraw"]::after,
#tab-data-dw .dw-table thead th[data-sort-field="net"]::after{
  right:7px!important;
}
#tab-data-dw .dw-table .owner-cell,
#tab-data-dw .dw-table .rek-cell,
#tab-data-dw .dw-table .bank-name-cell,
#tab-data-dw .dw-table .to-bank-cell,
#tab-data-dw .dw-table .site-cell,
#tab-data-dw .dw-table .operator-cell,
#tab-data-dw .dw-table .user-cell,
#tab-data-dw .dw-table .date-cell{
  text-align:center!important;
}


/* ===== v5.4.3 FINAL USER REQUEST: PREMIUM SIDEBAR, PRECISE CENTER ALIGNMENT, SAFE MOTION ===== */
.app-shell{grid-template-columns:292px minmax(0,1fr)!important;}
.sidebar{
  min-height:100vh!important;
  height:100vh!important;
  padding:18px 15px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(96,165,250,.22),transparent 30%),
    radial-gradient(circle at 95% 18%,rgba(168,85,247,.16),transparent 34%),
    linear-gradient(180deg,#07111f 0%,#0a1425 48%,#050b15 100%)!important;
  border-right:1px solid rgba(148,163,184,.24)!important;
  box-shadow:inset -1px 0 0 rgba(255,255,255,.05),18px 0 44px rgba(2,6,23,.08)!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(148,163,184,.45) transparent!important;
}
.sidebar::-webkit-scrollbar{width:6px!important;}
.sidebar::-webkit-scrollbar-thumb{background:rgba(148,163,184,.38)!important;border-radius:999px!important;}
.sidebar > div:first-child{width:100%!important;flex:0 0 auto!important;}
.brand-wrap.side{
  min-height:64px!important;
  margin:0 0 16px!important;
  padding:12px 12px!important;
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;
  box-shadow:0 14px 34px rgba(2,6,23,.20),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.brand-wrap.side .brand-icon{width:42px!important;height:42px!important;filter:drop-shadow(0 8px 16px rgba(37,99,235,.22))!important;}
.brand-wrap.side .eyebrow{color:#fde68a!important;font-size:10px!important;font-weight:900!important;letter-spacing:.20em!important;}
.brand-wrap.side strong{display:block!important;color:#f8fafc!important;font-size:15px!important;letter-spacing:.05em!important;}
.sidebar-groups-redesign{display:flex!important;flex-direction:column!important;gap:0!important;margin:0!important;padding:0 0 12px!important;width:100%!important;}
.sidebar-groups-redesign .nav-list{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin:0!important;padding:0!important;width:100%!important;}
.sidebar-groups-redesign .nav-btn,
.sidebar-groups-redesign .nav-btn-mid{
  position:relative!important;
  width:100%!important;
  min-height:43px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  padding:10px 12px!important;
  border-radius:16px!important;
  border:1px solid rgba(148,163,184,.16)!important;
  background:linear-gradient(135deg,rgba(15,23,42,.82),rgba(30,41,59,.56))!important;
  color:#dbeafe!important;
  font-size:11.7px!important;
  font-weight:900!important;
  line-height:1.18!important;
  letter-spacing:.025em!important;
  text-align:left!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 8px 18px rgba(2,6,23,.10)!important;
  transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease!important;
  transform:none!important;
}
.sidebar-groups-redesign .nav-btn:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(96,165,250,.38)!important;
  background:linear-gradient(135deg,rgba(37,99,235,.30),rgba(124,58,237,.18))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 24px rgba(37,99,235,.16)!important;
}
.sidebar-groups-redesign .nav-btn.active{
  color:#ffffff!important;
  border-color:rgba(125,211,252,.56)!important;
  background:linear-gradient(135deg,#2563eb 0%,#4f46e5 58%,#7c3aed 100%)!important;
  box-shadow:0 14px 30px rgba(37,99,235,.26),inset 0 1px 0 rgba(255,255,255,.24)!important;
}
.sidebar-divider{
  position:relative!important;
  display:block!important;
  width:calc(100% - 8px)!important;
  height:1px!important;
  margin:13px auto!important;
  border:0!important;
  background:linear-gradient(90deg,transparent 0%,rgba(148,163,184,.24) 14%,rgba(96,165,250,.48) 50%,rgba(148,163,184,.24) 86%,transparent 100%)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.055)!important;
}
.sidebar-divider::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:42px!important;
  height:5px!important;
  transform:translate(-50%,-50%)!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,rgba(96,165,250,.36),rgba(168,85,247,.24),transparent)!important;
  opacity:.95!important;
  filter:none!important;
}
.sidebar-bottom-actions{
  margin-top:auto!important;
  padding:13px 0 0!important;
  border-top:1px solid rgba(148,163,184,.22)!important;
  background:linear-gradient(180deg,rgba(7,17,31,0),rgba(7,17,31,.96) 22%,rgba(7,17,31,.99))!important;
  position:sticky!important;
  bottom:0!important;
  z-index:5!important;
}
.sidebar-bottom-actions form{margin:0!important;}
.sidebar-bottom-actions .logout,
.sidebar .logout{
  width:100%!important;
  min-height:46px!important;
  border-radius:17px!important;
  color:#fff!important;
  font-weight:950!important;
  letter-spacing:.04em!important;
  background:linear-gradient(135deg,#ef4444,#dc2626 55%,#991b1b)!important;
  box-shadow:0 14px 28px rgba(220,38,38,.24),inset 0 1px 0 rgba(255,255,255,.22)!important;
}

.data-table thead th,
.tx-table thead th,
.player-table thead th,
.log-table thead th,
.history-table thead th,
#tab-data-dw .dw-table thead th{
  text-align:center!important;
  vertical-align:middle!important;
}
.data-table .amount-cell,
.data-table td.amount-cell,
.data-table th.col-amount,
.tx-table tbody td.positive,
.tx-table tbody td.negative,
.player-table tbody td.amount-cell,
#tab-data-dw .dw-table tbody td.amount-cell,
#tab-data-dw .dw-raw-table tbody td:last-child,
#tab-data-dw .dw-merge-table tbody td:nth-child(4),
#tab-data-dw .dw-merge-table tbody td:nth-child(5),
#tab-data-dw .dw-merge-table tbody td:nth-child(6){
  text-align:center!important;
  justify-content:center!important;
  padding-left:10px!important;
  padding-right:10px!important;
  font-variant-numeric:tabular-nums!important;
  font-feature-settings:"tnum" 1!important;
}
#tab-data-dw .dw-table thead th.col-amount,
#tab-data-dw .dw-table thead th[data-sort-field="amount"],
#tab-data-dw .dw-table thead th[data-sort-field="total_deposit"],
#tab-data-dw .dw-table thead th[data-sort-field="total_withdraw"],
#tab-data-dw .dw-table thead th[data-sort-field="net"]{
  text-align:center!important;
  padding-left:18px!important;
  padding-right:18px!important;
}
#tab-data-dw .dw-table .no-cell,
#tab-data-dw .dw-table tbody td:first-child,
#tab-data-dw .dw-table .site-cell,
#tab-data-dw .dw-table .date-cell,
#tab-data-dw .dw-table .operator-cell,
#tab-data-dw .dw-table .type-cell,
#tab-data-dw .dw-table .user-cell,
#tab-data-dw .dw-table .owner-cell,
#tab-data-dw .dw-table .rek-cell,
#tab-data-dw .dw-table .bank-name-cell,
#tab-data-dw .dw-table .to-bank-cell{
  text-align:center!important;
  vertical-align:middle!important;
}
#tab-data-dw .dw-table .owner-cell .dw-cell-text,
#tab-data-dw .dw-table .rek-cell .dw-cell-text,
#tab-data-dw .dw-table .bank-name-cell .dw-cell-text,
#tab-data-dw .dw-table .to-bank-cell .dw-cell-text,
#tab-data-dw .dw-table .site-cell .dw-cell-text,
#tab-data-dw .dw-table .date-cell .dw-cell-text{
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
#tab-data-dw .dw-sortable,
.player-table .player-sortable,
.sortable{
  cursor:pointer!important;
  user-select:none!important;
}
#tab-data-dw .dw-sortable::after,
.player-table .player-sortable::after,
.sortable::after{
  display:inline-block!important;
  margin-left:5px!important;
  position:static!important;
  transform:none!important;
  line-height:1!important;
}
#tab-data-dw .dw-sortable:not(.active)::after,
.player-table .player-sortable:not(.active)::after,
.sortable:not(.active)::after{content:'↕'!important;opacity:.38!important;}
#tab-data-dw .dw-sortable.active::after,
.player-table .player-sortable.active::after,
.sortable.active::after{content:'↑'!important;opacity:1!important;}
#tab-data-dw .dw-sortable.active.desc::after,
.player-table .player-sortable.active.desc::after,
.sortable.active.desc::after{content:'↓'!important;opacity:1!important;}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}
@media (max-width:1200px){
  .app-shell{grid-template-columns:1fr!important;}
  .sidebar{position:relative!important;height:auto!important;min-height:auto!important;overflow:visible!important;}
  .sidebar-bottom-actions{position:relative!important;bottom:auto!important;background:transparent!important;}
}

/* ===== v5.4.4 COMPACT DW DETAIL TRANSACTION ROW =====
   Row detail deposit/withdraw dibuat lebih rapat dan fit, tanpa mengubah fitur popup/detail.
*/
#tab-data-dw .dw-detail-section-head{
  min-height:44px!important;
  padding:10px 15px!important;
}
#tab-data-dw .dw-detail-section-head h4{
  font-size:11.4px!important;
  letter-spacing:.13em!important;
}
#tab-data-dw .dw-detail-section-head span{
  height:26px!important;
  padding:0 10px!important;
  font-size:10.5px!important;
}
#tab-data-dw .dw-detail-list-head,
#tab-data-dw .dw-detail-tx{
  grid-template-columns:max-content minmax(82px,1fr) max-content!important;
  column-gap:10px!important;
}
#tab-data-dw .dw-detail-list-head{
  min-height:34px!important;
  padding:8px 13px!important;
}
#tab-data-dw .dw-detail-list-head span{
  font-size:9.6px!important;
  line-height:1.15!important;
}
#tab-data-dw .dw-detail-list-head span:nth-child(2){
  text-align:center!important;
}
#tab-data-dw .dw-detail-list-head span:nth-child(3){
  text-align:center!important;
  padding-right:0!important;
}
#tab-data-dw .dw-detail-tx{
  width:calc(100% - 14px)!important;
  margin:5px 7px!important;
  min-height:42px!important;
  padding:7px 9px 7px 13px!important;
  border-radius:14px!important;
  align-items:center!important;
  box-shadow:0 5px 14px rgba(15,23,42,.025)!important;
}
#tab-data-dw .dw-detail-tx::before{
  top:8px!important;
  bottom:8px!important;
  width:3px!important;
  border-radius:999px!important;
}
#tab-data-dw .dw-detail-tx-date{
  padding-left:0!important;
  font-size:11.25px!important;
  letter-spacing:-.02em!important;
}
#tab-data-dw .dw-detail-tx-operator{
  font-size:11.55px!important;
  text-align:center!important;
}
#tab-data-dw .dw-detail-tx-amount{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:end!important;
  width:auto!important;
  min-width:82px!important;
  max-width:112px!important;
  min-height:27px!important;
  padding:5px 10px!important;
  text-align:center!important;
  border-radius:999px!important;
  font-size:12.3px!important;
  line-height:1!important;
  letter-spacing:-.025em!important;
}
#tab-data-dw .dw-detail-empty{
  min-height:68px!important;
  margin:7px!important;
  padding:20px 14px!important;
}
@media(max-width:860px){
  #tab-data-dw .dw-detail-list-head,
  #tab-data-dw .dw-detail-tx{
    grid-template-columns:max-content minmax(92px,1fr) max-content!important;
    column-gap:10px!important;
  }
  #tab-data-dw .dw-detail-tx{
    min-height:42px!important;
    padding:7px 10px 7px 13px!important;
  }
  #tab-data-dw .dw-detail-tx-amount{
    min-width:86px!important;
    max-width:118px!important;
    font-size:12.4px!important;
    padding:5px 10px!important;
  }
}
@media(max-width:760px){
  #tab-data-dw .dw-detail-tx{
    width:calc(100% - 14px)!important;
    margin:5px 7px!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    min-height:auto!important;
    padding:10px 12px 10px 14px!important;
  }
  #tab-data-dw .dw-detail-tx-operator{
    text-align:left!important;
  }
  #tab-data-dw .dw-detail-tx-amount{
    justify-self:start!important;
    width:auto!important;
    min-width:86px!important;
    max-width:100%!important;
    min-height:28px!important;
    padding:6px 11px!important;
    text-align:center!important;
  }
}