/* Account reports: scoped Minimal Dark layout; report calculations stay unchanged. */
#analytics-modal { padding:22px; background:rgba(2,6,15,.78); backdrop-filter:blur(7px); }
#analytics-modal .modal-card-analytics { width:min(1240px,100%); height:min(900px,94dvh); max-height:calc(var(--mobile-viewport-height,100dvh) - 44px); display:flex; flex-direction:column; overflow:hidden; background:#0b1220; color-scheme:dark; border:1px solid #30405a; border-radius:16px; box-shadow:0 24px 100px #0009; }
#analytics-modal .analytics-header { flex-shrink:0; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:20px 24px; background:#101a2a; border-bottom:1px solid #263449; }
#analytics-modal .analytics-title-group { display:flex; gap:13px; align-items:center; min-width:0; }
#analytics-modal .analytics-icon-badge { display:flex; align-items:center; justify-content:center; width:44px; height:44px; flex:0 0 44px; background:#1b315a; color:#8dbbff; border:1px solid #345489; border-radius:11px; box-shadow:none; font-size:1.25rem; }
#analytics-modal .analytics-title-main { display:flex; flex-wrap:wrap; align-items:center; gap:9px; font-size:1.12rem; font-weight:750; letter-spacing:-.3px; color:#f9fafb; }
#analytics-modal .analytics-title-main .badge { background:#1b2b45!important; color:#9ebce6!important; border-color:#344967!important; font-size:.55rem!important; letter-spacing:.8px; padding:4px 6px; }
#analytics-modal .analytics-title-sub { margin-top:5px; color:#93a3ba; font-size:.72rem; line-height:1.5; }
#analytics-modal .analytics-close-btn { display:flex; align-items:center; justify-content:center; width:40px; height:40px; flex:0 0 40px; min-height:40px; padding:0; border:1px solid #34435a; border-radius:9px; background:#182338; color:#cbd5e1; font-size:1rem; cursor:pointer; }
#analytics-modal .analytics-close-btn:hover { border-color:#73839c; background:#263349; }
#analytics-modal .analytics-body { display:flex; flex-direction:column; gap:16px; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:20px 24px 28px; scrollbar-width:thin; }
#analytics-modal .analytics-controls { display:flex; align-items:flex-end; flex-wrap:wrap; gap:16px; margin:0; padding:15px; border:1px solid #253449; border-radius:11px; background:#111b2b; }
#analytics-modal .analytics-controls>label { min-width:170px; flex:0 1 210px; gap:7px; color:#a4b2c8; font-size:.7rem; font-weight:600; }
#analytics-modal .analytics-controls select { width:100%; min-height:40px; padding:8px 11px; font-size:.76rem; color:#e2e8f0; background:#0d1625; border:1px solid #36465f; border-radius:7px; }
#analytics-modal .analytics-date-controls { flex:1 1 270px; }
#analytics-modal .analytics-date-controls legend { font-size:.7rem; color:#a4b2c8; font-weight:600; margin-bottom:7px; }
#analytics-modal .analytics-time-filter { display:flex; flex-wrap:nowrap; gap:4px; padding:3px; border:1px solid #2b3a51; border-radius:8px; background:#0d1625; width:max-content; max-width:100%; }
#analytics-modal .analytics-filter-chip { padding:7px 12px; min-height:32px; color:#9fadc2; background:transparent; border:1px solid transparent; border-radius:5px; font-size:.7rem; line-height:1.4; white-space:nowrap; font-weight:600; }
#analytics-modal .analytics-filter-chip.active { background:#243e6a; border-color:#40649d; color:#e0edff; box-shadow:none; }
#analytics-modal .analytics-controls>.btn { min-height:40px; margin:0; font-size:.7rem; }
#analytics-modal .analytics-scope-line { align-items:center; gap:8px 16px; font-size:.7rem; line-height:1.5; }
#analytics-modal .analytics-scope-line strong { font-weight:600; color:#bdcce2; }
#analytics-modal #analytics-updated-at { color:#8190a6; font-size:.65rem; }
#analytics-modal .analytics-data-explainer { border:1px solid #27354b; border-left:3px solid #5365a4; padding:10px 12px; border-radius:7px; background:#101a2a; color:#94a3b8; font-size:.68rem; line-height:1.6; }
#analytics-modal .analytics-data-explainer summary { color:#abbddd; font-size:.68rem; cursor:pointer; }
#analytics-modal .analytics-data-explainer p { margin:9px 0 0; }
#analytics-modal .analytics-kpi-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0; }
#analytics-modal .analytics-kpi-card,#analytics-modal .analytics-kpi-card:hover { position:relative; display:flex; align-items:flex-start; gap:12px; min-width:0; padding:17px 15px; border:1px solid #2a3950; border-radius:11px; background:#111c2c; transform:none; box-shadow:none; }
#analytics-modal .analytics-kpi-card::before { content:''; position:absolute; top:17px; bottom:17px; left:0; width:2px; background:#3b82f6; border-radius:2px; }
#analytics-modal .analytics-kpi-card:nth-child(2)::before { background:#818cf8; }
#analytics-modal .analytics-kpi-card:nth-child(3)::before { background:#34d399; }
#analytics-modal .analytics-kpi-card:nth-child(4)::before { background:#fbbf24; }
#analytics-modal .analytics-kpi-icon { display:none; }
#analytics-modal .analytics-kpi-val { font-size:1.85rem; line-height:1.2; font-weight:750; letter-spacing:-.7px; font-variant-numeric:tabular-nums; color:#f1f5f9; }
#analytics-modal .analytics-kpi-lbl { margin-top:7px; font-size:.72rem; color:#bdc9db; font-weight:600; letter-spacing:0; text-transform:none; }
#analytics-modal .analytics-kpi-sub { margin-top:5px; color:#8192ab; font-size:.63rem; line-height:1.5; overflow-wrap:anywhere; }
#analytics-modal .analytics-tab-bar { position:sticky; top:-1px; z-index:2; margin:0; padding:8px 0 10px; border-bottom:1px solid #2b3b51; background:#0b1220; }
#analytics-modal .analytics-tab-bar>div { display:flex!important; flex-wrap:nowrap!important; gap:6px!important; max-width:100%; overflow-x:auto; padding:2px; scrollbar-width:thin; }
#analytics-modal .analytics-tab-btn { flex:0 0 auto; min-height:38px; padding:8px 13px; border:1px solid transparent; border-radius:7px; background:transparent; color:#8fa0ba; font-size:.73rem; font-weight:650; white-space:nowrap; }
#analytics-modal .analytics-tab-btn:hover { background:#142139; color:#dbeafe; }
#analytics-modal .analytics-tab-btn.active { background:#25294d; color:#d6dcff; border-color:#535f9b; box-shadow:none; }
#analytics-modal .analytics-tab-panel { min-width:0; }
#analytics-modal .analytics-section-card { min-width:0; padding:17px; border:1px solid #26364b; border-radius:11px; background:#101a29; box-shadow:none; }
#analytics-modal .analytics-section-header { display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:space-between; margin-bottom:16px; }
#analytics-modal .analytics-section-title { font-size:.83rem; font-weight:650; color:#dbe5f5; line-height:1.5; }
#analytics-modal .analytics-section-header>span { font-size:.65rem!important; line-height:1.5; }
#analytics-modal .daily-pulse-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
#analytics-modal .daily-pulse-card { padding:13px 14px; background:#0f1b2a; border:1px solid #24364b; border-radius:9px; box-shadow:none; }
#analytics-modal .daily-pulse-val { color:#93baff; font-size:1.3rem; font-weight:700; font-variant-numeric:tabular-nums; }
#analytics-modal .daily-pulse-lbl { font-size:.7rem; margin-top:5px; color:#c0cede; }
#analytics-modal .daily-pulse-sub { font-size:.61rem; line-height:1.5; color:#7f91ab; margin-top:4px; }
#analytics-modal .daily-chart-container { display:grid; grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:minmax(34px,1fr); gap:12px; height:230px; padding:12px 4px 7px; border:0; border-bottom:1px solid #30425c; background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#29374b66 50px); overflow-x:auto; overflow-y:hidden; scrollbar-width:thin; }
#analytics-modal .daily-chart-col { display:flex; flex-direction:column; align-items:center; gap:7px; height:100%; min-width:0; padding:0 3px; background:transparent; border:0; color:#b9c9e0; font:inherit; border-radius:4px; cursor:pointer; }
#analytics-modal .daily-chart-col:hover { background:#1e335077; }
#analytics-modal .daily-chart-val { color:#bfd6fb; font-size:.72rem; font-weight:700; }
#analytics-modal .daily-chart-bar-wrap { display:flex; align-items:flex-end; justify-content:center; flex:1; min-height:0; width:100%; background:transparent; }
#analytics-modal .daily-chart-bar-fill { display:block; width:min(32px,100%); min-height:0; background:linear-gradient(0deg,#365fb4,#759af2); border-radius:5px 5px 0 0; box-shadow:none; }
#analytics-modal .daily-chart-col.is-today .daily-chart-bar-fill { background:linear-gradient(0deg,#168765,#48d4a5); }
#analytics-modal .daily-chart-label { font-size:.62rem; color:#91a4bd; white-space:nowrap; }
#analytics-modal .analytics-bar-track { background:#1c2a3e; border-radius:5px; overflow:hidden; }
#analytics-modal .analytics-bar-fill { border-radius:5px; box-shadow:none; }
#analytics-modal .analytics-table-wrap { min-width:0; max-width:100%; overflow-x:auto; border:1px solid #27374d; border-radius:8px; scrollbar-width:thin; }
#analytics-modal .analytics-table { width:100%; border-collapse:collapse; table-layout:auto; margin:0; }
#analytics-modal .analytics-table th { padding:12px 11px; color:#91a5c1; background:#132033; font-size:.65rem; font-weight:600; letter-spacing:0; text-transform:none; white-space:nowrap; border-bottom:1px solid #30425c; }
#analytics-modal .analytics-table td { padding:11px; color:#c9d5e6; font-size:.73rem; line-height:1.5; border-bottom:1px solid #213047; overflow-wrap:anywhere; }
#analytics-modal .analytics-table tbody tr:last-child td { border-bottom:0; }
#analytics-modal .analytics-table tbody tr:hover { background:#18283d; }
#analytics-modal .analytics-table .btn { min-height:32px; padding:5px 9px; font-size:.65rem; white-space:nowrap; }
#analytics-modal .analytics-activity-row { padding:11px 0; font-size:.73rem; border-bottom-color:#25374d; }
#analytics-modal .analytics-activity-row span { color:#8398b3; font-size:.64rem; line-height:1.5; }
@media(max-width:900px) {
 #analytics-modal .analytics-kpi-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #analytics-modal .analytics-tab-panel>div[style*="grid-template-columns"] { grid-template-columns:minmax(0,1fr)!important; }
 #analytics-modal .daily-pulse-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:600px) {
 #analytics-modal { padding:0; }
 #analytics-modal .modal-card-analytics { width:100%; height:var(--mobile-viewport-height,100dvh); max-height:var(--mobile-viewport-height,100dvh); border:0; border-radius:0; }
 #analytics-modal .analytics-header { padding:max(13px,env(safe-area-inset-top)) 14px 13px; gap:10px; }
 #analytics-modal .analytics-icon-badge { display:none; }
 #analytics-modal .analytics-title-main { font-size:.97rem; gap:6px; }
 #analytics-modal .analytics-title-main>.badge { display:none; }
 #analytics-modal .analytics-title-sub { font-size:.65rem; max-width:270px; }
 #analytics-modal .analytics-close-btn { width:44px; height:44px; flex-basis:44px; }
 #analytics-modal .analytics-body { padding:14px 12px max(24px,env(safe-area-inset-bottom)); gap:13px; }
 #analytics-modal .analytics-controls { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px 10px; padding:12px; }
 #analytics-modal .analytics-controls>label { min-width:0; grid-column:1; grid-row:1; }
 #analytics-modal .analytics-controls>.btn { grid-column:2; grid-row:1; align-self:end; min-height:44px; }
 #analytics-modal .analytics-controls select { min-height:44px; font-size:16px; }
 #analytics-modal .analytics-date-controls { grid-column:1 / -1; width:100%; }
 #analytics-modal .analytics-time-filter { width:100%; display:grid; grid-template-columns:1.4fr repeat(3,1fr); gap:2px; }
 #analytics-modal .analytics-filter-chip { min-height:38px; font-size:.62rem; padding:6px 4px; }
 #analytics-modal .analytics-scope-line { font-size:.66rem; }
 #analytics-modal .analytics-kpi-grid { gap:8px; }
 #analytics-modal .analytics-kpi-card,#analytics-modal .analytics-kpi-card:hover { padding:13px 12px; min-height:110px; border-radius:9px; }
 #analytics-modal .analytics-kpi-val { font-size:1.5rem; }
 #analytics-modal .analytics-kpi-lbl { font-size:.67rem; }
 #analytics-modal .analytics-kpi-sub { font-size:.6rem; }
 #analytics-modal .analytics-tab-bar { padding:6px 0 9px; }
 #analytics-modal .analytics-tab-btn { min-height:44px; padding:9px 10px; font-size:.65rem; }
 #analytics-modal .analytics-section-card { padding:12px; border-radius:9px; }
 #analytics-modal .analytics-section-title { font-size:.76rem; }
 #analytics-modal .analytics-section-header { margin-bottom:12px; }
 #analytics-modal .daily-pulse-grid { grid-template-columns:minmax(0,1fr); gap:7px; }
 #analytics-modal .daily-pulse-card { padding:10px 12px; }
 #analytics-modal .daily-pulse-card>div { display:grid; grid-template-columns:38px minmax(0,1fr); column-gap:10px; align-items:center; }
 #analytics-modal .daily-pulse-val { grid-column:1; grid-row:1 / 3; font-size:1.25rem; }
 #analytics-modal .daily-pulse-lbl { grid-column:2; margin:0; font-size:.67rem; }
 #analytics-modal .daily-pulse-sub { grid-column:2; margin:3px 0 0; font-size:.6rem; }
 #analytics-modal .daily-chart-container { height:180px; gap:6px; grid-auto-columns:minmax(31px,1fr); }
 #analytics-modal .daily-chart-label { font-size:.57rem; }
 #analytics-modal .daily-chart-val { font-size:.65rem; }
 #analytics-modal .analytics-table { min-width:330px; }
 #analytics-modal .analytics-table-wrap:has(#analytics-daily-ledger-tbody) .analytics-table { min-width:650px; }
 #analytics-modal .analytics-table-wrap:has(#analytics-daily-detail-tbody) .analytics-table { min-width:600px; }
 #analytics-modal .analytics-table-wrap:has(#analytics-hot-accounts-tbody) .analytics-table { min-width:530px; }
 #analytics-modal .analytics-table th,#analytics-modal .analytics-table td { padding:10px 9px; font-size:.66rem; }
 #analytics-modal .analytics-table .btn { min-height:40px; }
}
@media(prefers-reduced-motion:reduce) {
 #analytics-modal *,#analytics-modal *::before,#analytics-modal *::after { animation:none!important; transition:none!important; }
}

#analytics-modal .analytics-body,#analytics-modal .analytics-table-wrap,#analytics-modal .analytics-tab-bar>div,#analytics-modal .daily-chart-container { scrollbar-color:#3a4b64 #101a29; }
#analytics-modal .analytics-body::-webkit-scrollbar { width:6px; }
#analytics-modal .analytics-table-wrap::-webkit-scrollbar,#analytics-modal .analytics-tab-bar>div::-webkit-scrollbar,#analytics-modal .daily-chart-container::-webkit-scrollbar { height:4px; }
#analytics-modal ::-webkit-scrollbar-track { background:#101a29; }
#analytics-modal ::-webkit-scrollbar-thumb { background:#3a4b64; border-radius:6px; }

/* Contain report widths instead of clipping tabs and columns at the modal edge. */
#analytics-modal .modal-card-analytics{min-width:0;max-width:100%}
#analytics-modal .analytics-body{min-width:0;width:100%;box-sizing:border-box}
#analytics-modal .analytics-body>*{min-width:0;max-width:100%;flex-shrink:0}
#analytics-modal .analytics-tab-bar>div{min-width:0;width:100%}
#analytics-modal .analytics-table-wrap{touch-action:pan-x pan-y;overscroll-behavior-x:contain}
#analytics-modal .analytics-scroll-hint{margin:0 0 8px;color:#9eb8d8;font-size:.7rem;display:none}
#analytics-modal .analytics-table-wrap:focus-visible{outline:2px solid #7cbdff;outline-offset:2px}
@media(max-width:600px){
 #analytics-modal .analytics-tab-bar>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important;overflow:visible}
 #analytics-modal .analytics-tab-btn{width:100%;min-width:0;white-space:normal;line-height:1.5;min-height:44px}
 #analytics-modal .analytics-scroll-hint:not([hidden]){display:block}
 #analytics-modal .analytics-mobile-cards{border:0;overflow:visible}
 #analytics-modal .analytics-mobile-cards .analytics-table{display:block;min-width:0!important;width:100%;table-layout:auto}
 #analytics-modal .analytics-mobile-cards thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 #analytics-modal .analytics-mobile-cards tbody{display:grid;gap:10px}
 #analytics-modal .analytics-mobile-cards tr{display:block;border:1px solid #30435c;border-radius:9px;padding:6px 12px;background:#111e30}
 #analytics-modal .analytics-mobile-cards td{display:grid;grid-template-columns:minmax(85px,.65fr) minmax(0,1fr);gap:8px;text-align:left;padding:8px 0;white-space:normal;overflow-wrap:anywhere}
 #analytics-modal .analytics-mobile-cards td:before{content:attr(data-label);color:#91a8c8;font-weight:500}
 #analytics-modal .analytics-mobile-cards td small{grid-column:2}
 #analytics-modal .analytics-mobile-cards td[colspan]{display:block}
 #analytics-modal .analytics-mobile-cards td[colspan]:before{content:none}
 #analytics-modal .analytics-mobile-cards td.analytics-number{color:#f6bdc5;font-weight:700}
 #analytics-modal .analytics-title-group>div{min-width:0;overflow-wrap:anywhere}
}

/* A report is a page with one vertical scroll, not a modal inside a modal. */
body.analytics-page-open{overflow:auto!important}
.analytics-page-open .app-layout>:not(.dashboard-sidebar){display:none!important}
#analytics-modal.analytics-page{position:relative;inset:auto;padding:0;background:none;backdrop-filter:none;z-index:auto;min-height:100dvh;max-width:1600px;margin:0 auto;overflow:visible;animation:none;align-items:initial;justify-content:initial}
#analytics-modal.analytics-page.show{display:block!important}
#analytics-modal.analytics-page:not(.show){display:none!important}
#analytics-modal.analytics-page .modal-card-analytics{width:100%;height:auto;min-height:0;max-height:none;overflow:visible;border:0;border-radius:0;box-shadow:none;transform:none;display:block;background:#0b1220}
#analytics-modal.analytics-page .analytics-header{padding:20px 0;border-bottom:1px solid #293c54;min-width:0;gap:12px;flex-wrap:wrap}
#analytics-modal.analytics-page .analytics-title-group{flex:1;min-width:0}
#analytics-modal.analytics-page .analytics-title-main{font-size:26px;font-weight:700}
#analytics-modal.analytics-page .analytics-title-main>.badge,#analytics-modal.analytics-page .analytics-icon-badge{display:none}
#analytics-modal.analytics-page .analytics-title-sub{margin-top:5px;max-width:none}
#analytics-modal.analytics-page #analytics-updated-at{font-size:11px;color:#a3b8d2;line-height:1.6}
#analytics-modal.analytics-page .analytics-header>.btn{min-height:42px;margin:0}
#analytics-modal.analytics-page .analytics-body{padding:18px 0 30px;max-height:none;height:auto;overflow:visible;display:flex;flex-direction:column;gap:18px}
#analytics-modal.analytics-page .analytics-controls{background:none;border:0;padding:0;display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}
#analytics-modal.analytics-page .analytics-controls>label{flex:0 1 260px;min-width:160px}
#analytics-modal.analytics-page .analytics-controls select{width:100%;min-height:42px}
#analytics-modal.analytics-page .analytics-time-filter{width:auto;flex-wrap:wrap}
#analytics-modal.analytics-page .analytics-date-controls{flex:1;min-width:0;margin:0}
#analytics-modal.analytics-page .analytics-filter-chip{min-height:36px}
#analytics-modal.analytics-page .analytics-filter-chip.active{background:#2379ec;border-color:#3a91fa;color:#fff}
#analytics-modal.analytics-page .analytics-scope-line{font-size:12px;margin-top:-8px;display:block;color:#b6cbe5;line-height:1.7}
#analytics-modal.analytics-page .analytics-data-explainer{order:20;margin:0}
#analytics-modal.analytics-page .analytics-export{order:19;align-self:flex-end;min-height:42px}
#analytics-modal.analytics-page .analytics-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#analytics-modal.analytics-page .analytics-kpi-card{min-height:95px;padding:16px;border-radius:9px}
#analytics-modal.analytics-page .analytics-kpi-card::before{display:none}
#analytics-modal.analytics-page .analytics-kpi-val{font-size:28px}
#analytics-modal.analytics-page .analytics-kpi-ready .analytics-kpi-val{color:#62d49e}
#analytics-modal.analytics-page .analytics-kpi-banned .analytics-kpi-val{color:#ff8591}
#analytics-modal.analytics-page .analytics-kpi-never .analytics-kpi-val{color:#b99af1}
#analytics-modal.analytics-page .analytics-kpi-sub{font-size:10px;color:#a3b8d3}
#analytics-modal.analytics-page .analytics-tab-bar{position:static;padding:0 0 6px}
#analytics-modal.analytics-page .analytics-tab-bar>div{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:12px!important;padding:0;scrollbar-width:thin}
#analytics-modal.analytics-page .analytics-tab-btn{width:auto;white-space:nowrap;min-height:42px;padding:10px 14px;border-radius:0;border:0;border-bottom:2px solid transparent;color:#b4c6dc}
#analytics-modal.analytics-page .analytics-tab-btn.active{background:none;border-color:#378ef3;color:#92c8ff}
#analytics-modal.analytics-page .analytics-section-card{background:#111e2d;border-radius:10px}
.analytics-chart-legend{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:16px;margin:0 0 10px;font-size:12px;color:#bdd0e6}
.analytics-chart-legend span{display:flex;align-items:center;gap:6px}
.analytics-chart-legend i{width:9px;height:9px;border-radius:50%;background:#3b82f6}
.analytics-chart-legend span:nth-child(2) i{background:#ad82ec}
#analytics-modal.analytics-page .daily-chart-bar-fill{display:flex;flex-direction:column;justify-content:flex-end;background:none!important;overflow:hidden;border-radius:3px 3px 0 0}
.analytics-chart-rank{display:block;width:100%;background:#3b82f6}.analytics-chart-event{display:block;width:100%;background:#ad82ec}
#analytics-modal.analytics-page .daily-chart-container{height:240px;gap:12px;grid-auto-columns:minmax(40px,1fr)}
#analytics-modal.analytics-page .analytics-table-wrap{overflow:visible;max-height:none}
#analytics-modal.analytics-page #analytics-recent-adds-container{max-height:none!important;overflow:visible!important}
.analytics-usage-summary{display:flex;gap:18px;align-items:center;padding:18px;margin-bottom:18px;border:1px solid #4d416c;border-radius:10px;background:#211d32;color:#d8c6f9}
.analytics-usage-summary strong{font-size:32px;line-height:1.2;flex-shrink:0}.analytics-usage-summary span{font-size:13px;line-height:1.6}
.analytics-inline-note{font-size:12px;line-height:1.7;color:#b4c7e1;padding:12px 0;margin:0 0 12px}
.analytics-identity-tag{display:block;font-size:10px;color:#99afc9;margin-top:3px}
.analytics-mobile-date{display:none!important}
.analytics-custom-dates{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-top:10px}
.analytics-custom-dates[hidden]{display:none!important}
.analytics-custom-dates label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#b4c8e2}
.analytics-custom-dates input{background:#13233a;color:#fff;border:1px solid #405875;border-radius:6px;padding:8px;min-height:42px;font:inherit;box-sizing:border-box}
#analytics-date-error{flex-basis:100%;color:#ffafa6;font-size:12px;line-height:1.6;margin:0}
#analytics-detail-dialog{width:min(1100px,94vw);max-width:none;max-height:90dvh;padding:0;border:1px solid #3a506d;border-radius:12px;background:#101c2c;color:#e9f2ff;overflow:auto;overscroll-behavior:contain}
#analytics-detail-dialog::backdrop,#analytics-filter-sheet::backdrop{background:#020817bb}
#analytics-detail-dialog .analytics-section-card{padding:20px;background:#101c2c}
#analytics-detail-dialog .analytics-section-header{display:flex;gap:12px;align-items:center;justify-content:space-between;position:sticky;top:0;padding:12px 0;background:#101c2c}
#analytics-detail-dialog .analytics-section-title{font-size:18px;font-weight:650}
#analytics-detail-summary{font-size:12px;color:#b6cbe6;line-height:1.8;margin:0 0 18px}
#analytics-detail-dialog .analytics-table{width:100%;border-collapse:collapse;table-layout:auto}
#analytics-detail-dialog th,#analytics-detail-dialog td{padding:12px 10px;text-align:left;border-bottom:1px solid #304159;font-size:12px;overflow-wrap:anywhere}
#analytics-detail-dialog th{color:#b4c8e3;background:#17273d}
#analytics-detail-dialog .analytics-status-ready{color:#6ed3a5}#analytics-detail-dialog .analytics-status-ban{color:#ff98a3}
#analytics-filter-sheet{inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:90dvh;overflow:auto;box-sizing:border-box;padding:16px 16px calc(20px + env(safe-area-inset-bottom));background:#122137;border:1px solid #3a506e;border-radius:14px 14px 0 0;color:#edf5ff}
.analytics-filter-sheet-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.analytics-filter-sheet-heading h2{font-size:18px;margin:0}
#analytics-filter-sheet fieldset{border:0;padding:0;margin:0;min-width:0}
#analytics-filter-sheet legend{font-size:12px;color:#b4c8e3;margin-bottom:10px}
#analytics-filter-sheet .analytics-time-filter{display:flex;flex-wrap:wrap;gap:8px}
#analytics-filter-sheet .analytics-filter-chip{padding:10px 12px;min-height:44px;border:1px solid #405777;border-radius:7px;background:#1a2c46;color:#e4efff;font:inherit;font-size:12px}
#analytics-filter-sheet .analytics-filter-chip.active{background:#2379ec;border-color:#3a91fa}
@media(max-width:900px){#analytics-modal.analytics-page .analytics-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 #analytics-modal.analytics-page{padding:0 0 calc(84px + env(safe-area-inset-bottom))}
 #analytics-modal.analytics-page .modal-card-analytics{height:auto!important;max-height:none!important;width:100%}
 #analytics-modal.analytics-page .analytics-header{padding:16px 0 12px;gap:8px}
 #analytics-modal.analytics-page .analytics-title-main{font-size:23px}
 #analytics-modal.analytics-page .analytics-header>.btn{font-size:0;padding:8px;width:42px}
 #analytics-modal.analytics-page .analytics-header>.btn::after{content:'↻';font-size:22px}
 #analytics-modal.analytics-page .analytics-close-btn{display:none}
 #analytics-modal.analytics-page .analytics-body{padding:14px 0 20px;gap:14px;overflow:visible}
 #analytics-modal.analytics-page .analytics-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
 #analytics-modal.analytics-page .analytics-controls>label{grid-column:1;grid-row:1;min-width:0}
 #analytics-modal.analytics-page .analytics-controls>.analytics-mobile-date{display:block!important;grid-column:2;grid-row:1;min-height:44px;align-self:end;margin:0;white-space:nowrap}
 #analytics-modal.analytics-page .analytics-controls>.analytics-date-controls{display:none}
 #analytics-modal.analytics-page .analytics-kpi-grid{gap:8px}
 #analytics-modal.analytics-page .analytics-kpi-card{min-height:90px;padding:12px}
 #analytics-modal.analytics-page .analytics-kpi-val{font-size:25px}
 #analytics-modal.analytics-page .analytics-tab-btn{font-size:12px;min-height:44px;padding:10px 11px}
 #analytics-modal.analytics-page .analytics-tab-bar>div{gap:4px!important}
 #analytics-modal.analytics-page .daily-chart-container{height:200px;grid-auto-columns:minmax(34px,1fr);gap:7px}
 #analytics-modal.analytics-page .analytics-table{width:100%;min-width:0!important;table-layout:fixed}
 #analytics-modal.analytics-page .analytics-table th,#analytics-modal.analytics-page .analytics-table td{padding:10px 6px;font-size:11px;white-space:normal}
 #analytics-modal.analytics-page .analytics-table-wrap:has(#analytics-daily-ledger-tbody){border:0}
 #analytics-modal.analytics-page .analytics-table:has(#analytics-daily-ledger-tbody){display:block;min-width:0!important}
 #analytics-modal.analytics-page .analytics-table:has(#analytics-daily-ledger-tbody) thead{display:none}
 #analytics-modal.analytics-page #analytics-daily-ledger-tbody{display:grid;gap:7px}
 #analytics-modal.analytics-page #analytics-daily-ledger-tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;border:1px solid #30435e;border-radius:7px;padding:4px 10px;background:#132135}
 #analytics-modal.analytics-page #analytics-daily-ledger-tbody td{display:block;border:0;padding:8px 0}
 #analytics-modal.analytics-page #analytics-daily-ledger-tbody td:nth-child(3),#analytics-modal.analytics-page #analytics-daily-ledger-tbody td:nth-child(4),#analytics-modal.analytics-page #analytics-daily-ledger-tbody td:nth-child(5){display:none}
 #analytics-modal.analytics-page .analytics-table-wrap:has(#analytics-hot-accounts-tbody){border:0}
 #analytics-modal.analytics-page .analytics-table:has(#analytics-hot-accounts-tbody){display:block}
 #analytics-modal.analytics-page .analytics-table:has(#analytics-hot-accounts-tbody) thead{display:none}
 #analytics-modal.analytics-page #analytics-hot-accounts-tbody{display:grid;gap:10px}
 #analytics-modal.analytics-page #analytics-hot-accounts-tbody tr{display:block;padding:6px 12px;border:1px solid #334862;border-radius:8px}
 #analytics-modal.analytics-page #analytics-hot-accounts-tbody td{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px;padding:8px 0}
 #analytics-modal.analytics-page #analytics-hot-accounts-tbody td::before{content:attr(data-label);color:#a4bbd8}
 #analytics-modal.analytics-page #analytics-hot-accounts-tbody td small{grid-column:2}
 #analytics-modal.analytics-page #analytics-hot-accounts-tbody td[colspan]{display:block}
 #analytics-modal.analytics-page #analytics-hot-accounts-tbody td[colspan]::before{content:none}
 .analytics-usage-summary{padding:14px;gap:12px;align-items:flex-start}.analytics-usage-summary strong{font-size:28px}.analytics-usage-summary span{font-size:12px}
 #analytics-detail-dialog{width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;margin:0;inset:0}
 #analytics-detail-dialog .analytics-section-card{padding:12px 14px calc(24px + env(safe-area-inset-bottom))}
 #analytics-detail-dialog .analytics-section-header{padding-top:max(12px,env(safe-area-inset-top))}
 #analytics-detail-dialog .analytics-section-title{font-size:16px}
 #analytics-detail-dialog .analytics-table,#analytics-detail-dialog tbody{display:block;width:100%;min-width:0}
 #analytics-detail-dialog thead{display:none}
 #analytics-detail-dialog tr{display:block;border:1px solid #30455f;border-radius:8px;padding:8px 12px;margin-bottom:10px}
 #analytics-detail-dialog td{display:grid;grid-template-columns:95px minmax(0,1fr);gap:10px;padding:8px 0;font-size:12px}
 #analytics-detail-dialog td::before{content:attr(data-label);color:#a3bad7}
 #analytics-detail-dialog td[colspan]{display:block}#analytics-detail-dialog td[colspan]::before{content:none}
 .analytics-custom-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}
 .analytics-custom-dates input{max-width:100%;width:100%;min-width:0;font-size:16px}
 .analytics-custom-dates>button,.analytics-custom-dates>p{grid-column:1/-1}
}

#analytics-modal.analytics-page{width:100%;min-width:0;flex:0 0 auto;align-self:stretch}