*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-height:100vh;display:flex;flex-direction:column;color:var(--text);font:14px/1.45 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid rgba(117,104,233,.58);outline-offset:2px}.hidden{display:none!important}.shell{width:min(1080px,calc(100% - 40px));flex:1;margin:0 auto;padding:20px 0 46px}.topbar{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:11px;min-width:0}.mark{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--accentsoft);color:var(--accent);font-size:15px}.brandName{font-size:14px;font-weight:650;letter-spacing:-.015em}.brandMeta{margin-top:1px;color:var(--quiet);font-size:12px}.topActions{display:flex;align-items:center;gap:7px}.language,.theme,.logout,.range button,.select{height:34px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--muted);font-size:12px;font-weight:650}.language.active,.range button.active{border-color:rgba(117,104,233,.3);background:var(--accentsoft);color:var(--accent)}.theme{width:34px;padding:0;font-size:15px}.logout{background:transparent}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.eyebrow{margin:0 0 7px;color:var(--accent);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.intro h1{margin:0;line-height:1.12;letter-spacing:-.04em;font-weight:650}.intro p{margin:7px 0 0;color:var(--muted);font-size:14px}.updated{padding-bottom:3px;color:var(--quiet);font-size:12px;white-space:nowrap}.tabs{display:flex;gap:4px;overflow:auto;padding:4px;margin-bottom:16px;border:1px solid var(--line);border-radius:13px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{height:35px;flex:0 0 auto;padding:0 13px;border:0;border-radius:9px;background:transparent;font-size:12px;font-weight:600}.view{display:none}.view.active{display:block}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.range{display:flex}.range button{height:32px;padding:0 10px;font-size:12px}.metrics{display:grid;gap:10px;margin-bottom:14px}.metric{min-height:92px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:var(--shadow)}.metricLabel{color:var(--muted);font-size:12px}.metricValue{margin-top:8px;font-size:23px;line-height:1;font-weight:620;letter-spacing:-.035em}.metricHint{margin-top:7px;color:var(--quiet);font-size:12px}.twoCol{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:14px;margin-bottom:14px}.panel{padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.panelTitle{font-size:14px;font-weight:650;letter-spacing:-.015em}.panelSub{margin-top:3px;color:var(--quiet);font-size:12px}.chart{height:180px;display:flex;align-items:flex-end;gap:8px;padding:15px 4px 23px;border-bottom:1px solid var(--line)}.barItem{height:100%;flex:1;display:flex;align-items:flex-end;justify-content:center;position:relative}.bar{width:min(34px,72%);min-height:5px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#a69ef5,var(--accent))}.barLabel{position:absolute;bottom:-20px;color:var(--quiet);font-size:12px}.barValue{position:absolute;color:var(--muted)}.list{display:grid}.listRow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.listTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}.listMeta{margin-top:3px;color:var(--quiet);font-size:12px}.listValue{color:var(--muted);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.empty{padding:28px 10px;text-align:center;color:var(--quiet);font-size:13px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px 9px;border-bottom:1px solid var(--line);text-align:left;font-size:12px;white-space:nowrap}.table th{font-size:12px;font-weight:600;letter-spacing:.04em}.table td{color:var(--muted)}.table td:first-child{color:var(--text);font-weight:600}.table tr:last-child td{border-bottom:0}.pill{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:12px;font-weight:650}.green{background:#eaf7f0;color:#258259}.orange{background:#fff4e7;color:#9b642b}.red{background:#fff0f0;color:#a64444}.privacy{display:flex;gap:9px;margin-top:14px;padding:11px 12px;border:1px solid rgba(117,104,233,.16);border-radius:13px;font-size:12px}.privacy strong{display:block;margin-bottom:2px;color:var(--text)}.footer{margin-top:auto;border-top:1px solid var(--line);color:#fff}.footerIn{width:min(1080px,calc(100% - 40px));min-height:66px;margin:auto;display:grid;place-content:center;text-align:center;gap:2px}.footerIn div{font-size:12px;color:rgba(255,255,255,.62)}.footerIn strong{font-size:13px;font-weight:500}.gate{position:fixed;inset:0;z-index:2;display:grid;place-items:center;padding:20px;background:radial-gradient(620px 320px at 50% 22%,rgba(117,104,233,.12),transparent 70%),var(--bg)}.gateCard{width:min(360px,100%);padding:25px;border:1px solid var(--line);border-radius:22px;background:var(--strong);box-shadow:0 24px 65px rgba(25,25,32,.12)}.gateBrand{display:flex;align-items:center;gap:10px;margin-bottom:21px}.gateMark{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--accentsoft);color:var(--accent)}.gateBrand strong{font-size:13px}.gateEyebrow{margin:0 0 8px;color:var(--accent);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.gate h2{margin:0 0 7px;font-size:25px;line-height:1.08;font-weight:620;letter-spacing:-.035em}.gate p{margin:0 0 18px;color:var(--muted);line-height:1.55}.gateForm{display:grid;gap:8px}.gateInput{width:100%;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);font-size:16px}.gateButton{width:44px;height:44px;border:0;border-radius:11px;background:var(--text);color:var(--bg);font-size:17px}.gateError{min-height:15px;margin-top:8px;color:#c45353;font-size:12px}@media(max-width:760px){.shell,.footerIn{width:min(100% - 32px,640px)}.twoCol{grid-template-columns:1fr}.intro{display:block}.updated{margin-top:9px}}@media(max-width:520px){.shell{padding-top:15px;padding-bottom:32px}.topbar{margin-bottom:24px}.topActions{gap:5px}.logout{padding:0 9px}.metrics{gap:8px}.metric{min-height:87px;padding:12px}.toolbar{align-items:flex-start;flex-direction:column}.range button{flex:1}.panel{padding:14px}.chart{height:160px}.footerIn{min-height:64px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.gateForm{grid-template-columns:minmax(0,1fr) 44px 44px}#passwordToggle{border:1px solid var(--line);border-radius:11px;color:var(--text);background:var(--panel);display:grid;place-items:center}.metric:nth-child(2){background:#eff3fa}.metric:nth-child(3){background:#f0edf8}.metric:nth-child(6){background:#f7f0e9}.gateBack{display:block;margin-top:16px;color:var(--muted);font-size:14px}@media(max-width:520px){.topbar{flex-wrap:wrap}.language,.logout,.theme{min-height:44px}}.metric[role=button]{cursor:pointer;transition:transform .18s,border-color .18s}.metric[role=button]:hover,.metric[role=button]:focus-visible{border-color:var(--accent);transform:translateY(-2px)}.exIntro{display:flex;align-items:center;gap:16px}.exIntro h2{font-size:25px;letter-spacing:-.03em;margin:0}.exIntro p,.exNote{font-size:13px;color:var(--muted);line-height:1.5}.exIntro p{margin:4px 0}.exIntro input{width:min(320px,100%);height:42px;padding:0 13px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);font-size:16px}.exStats{display:grid;gap:8px;margin-bottom:18px}.exStat{background:var(--panel)}.exStatLabel{display:block}.exStatValue{font-weight:650}.exDimensions{display:flex;gap:7px;overflow:auto;margin-bottom:12px}.exPill,.exChip{min-height:36px;padding:0 13px;border:1px solid var(--line);border-radius:10px;font-size:12px;font-weight:600;white-space:nowrap}.exChips{display:flex;gap:6px;margin-bottom:10px}.exChip{color:var(--accent)}.exGrid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-bottom:14px}.exGrid h3,.panel>h3{margin:0 0 12px;font-size:15px}.exRow{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);padding:11px 0;background:transparent;color:var(--text)}.exRowHeading{display:flex;justify-content:space-between;gap:12px;font-size:13px}.exRowTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exRowValue{font-variant-numeric:tabular-nums}.exTrack{display:block;height:3px;margin-top:7px;border-radius:3px}.exFill{display:block;height:100%;border-radius:3px}.exMini{border-bottom:1px solid var(--line);padding:10px 0;font-size:13px;overflow-wrap:anywhere}.exMinorTitle{margin:0 0 8px}.exEmpty{padding:20px;text-align:center;color:var(--muted);font-size:13px}.barItem{cursor:pointer}@media(max-width:520px){.exIntro{display:block}.exIntro input{width:100%;margin-top:12px}.exPill{min-height:44px}}.metric[role=button]:focus-visible,.exRow:focus-visible,.exPill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.listTitle,.exRowHeading,.exMini,.gate p,.exIntro p,.exNote{font-size:14px}.metricHint,.panelSub{color:var(--muted)}.exPill:focus-visible,.language:focus-visible{outline-offset:3px}.metric:nth-child(2),.metric:nth-child(3),.metric:nth-child(6){background:var(--panel)}.metric:nth-child(2){border-top:3px solid #7792c8}.metric:nth-child(3){border-top:3px solid #a095cc}.metric:nth-child(6){border-top:3px solid #c8a37c}.table th{text-transform:none}.chart{overflow:hidden}.barValue{max-width:100%;font-size:12px}.gate{overflow-y:auto}.chart[aria-label]{font-variant-numeric:tabular-nums}@media(max-width:520px){.tab,.range button,.select{min-height:44px}.select{font-size:16px}.barLabel{font-size:12px}.brandName{font-size:14px}}.shell,.panel,.exGrid,.exStat,.twoCol>*{min-width:0}.tableWrap{width:100%;max-width:100%;overflow:auto}.exStats{grid-template-columns:repeat(5,minmax(0,1fr))}.exStatValue{overflow-wrap:anywhere}.toolbar .select{max-width:100%}.gateInput{min-width:0}@media(max-width:760px){.exGrid{grid-template-columns:minmax(0,1fr)}.exStats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.exStats{grid-template-columns:repeat(2,minmax(0,1fr))}.topActions{flex-wrap:wrap}.exRowTitle{min-width:0}.range{flex-wrap:wrap}}.exIntro{justify-content:flex-end;margin:10px 0 18px}.exIntro>div{display:none}.exRowTitle{overflow-wrap:anywhere}.panel{box-shadow:0 8px 24px rgba(28,27,35,.035)}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans","DejaVu Sans",Arial,sans-serif}.gate a{font-size:14px}.gate p{font-size:14px}.gate h1,.gate h2,.panelTitle,.brandName,.exStatValue,.metricValue,.panel h3{font-family:inherit}

.storageTools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-2px 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:13px}.storageText{display:flex;flex-direction:column;gap:2px;min-width:0}.storageText strong{font-size:13px;font-weight:650}.storageText span{font-size:12px;color:var(--muted)}.storageDownloads{display:flex;flex-wrap:wrap;gap:7px}.storageDownloads a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:var(--strong);color:var(--text);font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}.storageDownloads a:hover{border-color:var(--accent);color:var(--accent)}.storageDownloads a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:520px){.storageTools{align-items:stretch;flex-direction:column}.storageDownloads a{min-height:44px}}

.alertForm{display:flex;flex-wrap:wrap;gap:8px 14px;margin:-2px 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:13px}.alertForm label{font-size:13px;font-weight:650}.alertForm #alertHelp{color:var(--muted);font-size:12px}.alertForm #alertStatus{color:var(--accent);font-size:12px}.alertForm input:focus-visible,.alertForm button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* Compact editorial dashboard: warm canvas, distinct data surfaces, clear table. */
.topbar{border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:24px}.intro{padding:14px 0 4px}.intro h1{font-size:29px}
.exStat{position:relative;min-height:88px;padding:15px 16px;border-radius:14px;border:1px solid var(--line)}.exStatIcon{position:absolute;right:15px;top:10px;font-size:20px;line-height:1;color:#665083;opacity:.65}.exStatLabel{font-size:12px;color:var(--muted)}.exStatValue{margin-top:9px;font-size:23px;letter-spacing:-.035em}
#exploreView>.panel{background:#fff;border-color:#ded8e8}.table th{white-space:nowrap}.table th[aria-sort]{cursor:pointer;user-select:none}.table th[aria-sort][aria-sort=ascending]::after{content:' ↑'}.table th[aria-sort][aria-sort=descending]::after{content:' ↓'}.table th[aria-sort]:focus-visible{outline:2px solid #7452ad;outline-offset:-2px}.table td{font-size:13px;line-height:1.4}.table td.activityCell{font-weight:650;color:#4a3d63}
.exPager{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:17px}.exPager[hidden]{display:none}.exPager button{min-width:42px;min-height:38px;border:1px solid #dacdea;border-radius:9px;font-size:18px}.exPager button:disabled{opacity:.4;cursor:default}.exPager span{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.exPager button:focus-visible{outline:2px solid #7452ad;outline-offset:2px}
@media(max-width:520px){.shell{width:calc(100% - 28px)}.intro h1{font-size:25px}.exStat{min-height:82px}.exStatValue{font-size:21px}.table td{font-size:12.5px}.table th{font-size:12px}.exPager button{min-height:44px}}
/* Preserve the same visual hierarchy for the optional dark appearance. */
[data-theme=dark] body{background:radial-gradient(850px 500px at 90% 0,rgba(117,89,165,.22),transparent 72%),var(--bg)}
[data-theme=dark] .tabs,[data-theme=dark] .exGrid>.panel:first-child,[data-theme=dark] .exGrid>.panel:nth-child(2),[data-theme=dark] #exploreView>.panel{background:var(--panel);border-color:var(--line)}
[data-theme=dark] .metrics .metric,[data-theme=dark] .exStat{background:#282535;border-color:#494054;color:var(--text)}
[data-theme=dark] .metrics .metric:nth-child(2),[data-theme=dark] .exStat:nth-child(2){background:#243044}
[data-theme=dark] .metrics .metric:nth-child(3),[data-theme=dark] .exStat:nth-child(3){background:#20372f}
[data-theme=dark] .metrics .metric:nth-child(4),[data-theme=dark] .exStat:nth-child(4){background:#3b2d26}
[data-theme=dark] .exStat:nth-child(5){background:#3c2836}
[data-theme=dark] .tab.active,[data-theme=dark] .range button.active,[data-theme=dark] .language.active,[data-theme=dark] .exPill.active,[data-theme=dark] .exPager button{background:#3b3050;color:#dfd0f5;border-color:#695081}
[data-theme=dark] .table th{background:#292633;color:#cdc2d9}[data-theme=dark] .table th[aria-sort]:hover,[data-theme=dark] .table th[aria-sort=ascending],[data-theme=dark] .table th[aria-sort=descending]{background:#3e3251;color:#eee0ff}
[data-theme=dark] .table tbody tr:nth-child(even){background:#25232e}[data-theme=dark] .table tbody tr:hover{background:#352b43}[data-theme=dark] .table td.activityCell{color:#e4d6f0}
[data-theme=dark] .storageTools,[data-theme=dark] .alertForm{background:#292633}
:root[data-theme="dark"]{--bg:#121217;--panel:rgba(30,30,37,.96);--line:rgba(255,255,255,.13);--accent:#c0a5ea;--accentsoft:#38304b;--text:#f3f2f6;--muted:#b8b2c4;--quiet:#b8b2c4;--strong:#27232d;--soft:#312b3b}
.alertForm{align-items:center}.alertForm strong{font-size:13px;white-space:nowrap}.alertForm #alertHelp{flex:1}.alertForm #alertStatus{white-space:nowrap}@media(max-width:520px){.alertForm{align-items:flex-start}.alertForm strong,.alertForm #alertHelp,.alertForm #alertStatus{white-space:normal}}
/* Analytics cards are all useful entry points. */
.metrics .metric:nth-child(4),.metrics .metric:nth-child(5){display:block}
.metric{cursor:pointer}
.metric:hover{border-color:var(--accent);transform:translateY(-2px)}
.metric:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:960px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
.exDetailGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:15px}.exDetailItem{padding:10px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.38)}.exDetailKey{display:block;color:var(--muted);font-size:12px}.exDetailValue{display:block;margin-top:4px;font-size:13px;overflow-wrap:anywhere}.exMiniButton{display:flex;flex-direction:column;gap:4px;width:100%;padding:10px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left}.exMiniButton:hover,.exMiniButton:focus-visible{color:var(--accent)}.exMiniTitle{font-size:13px}.exMiniText{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.exMiniButton:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:520px){.exDetailGrid{grid-template-columns:1fr}}
[data-theme=dark] .exDetailItem{background:rgba(255,255,255,.04)}

/* Final contrast pass: a deeper lavender workspace with clearer navigation and filters. */
.brandMeta,.updated,.panelSub,.metricHint,.listMeta,.exNote{color:var(--muted)}
.toolbar{padding:9px 0}
.range{gap:3px;padding:4px;border:1px solid #c6bad5;border-radius:12px}
.range button{border-color:transparent;background:transparent}
.range button.active{border-color:#5f4088;background:#624581;color:#fff;box-shadow:0 4px 10px rgba(80,52,112,.2)}
.select{background:#f7f4fa;border-color:#c6bad5;color:#504761}
.language,.theme,.logout{background:#f7f4fa;border-color:#c6bad5;color:#554a64}
.language.active{background:#624581;border-color:#624581;color:#fff}
.metricLabel,.exStatLabel{color:var(--muted)}
.exGrid>.panel:first-child{background:linear-gradient(135deg,#fbfaff,#f0e8f8);border-color:#cfc5da}
.exGrid>.panel:nth-child(2){background:linear-gradient(135deg,#fbfaff,#e9eef8);border-color:#cfc5da}
@media(max-width:520px){.range{width:100%;padding:3px}.range button{min-height:42px}.tabs{background:#d4ccdf}.storageTools,.alertForm{border-radius:14px}}

/* Calm palette pass: restrained surfaces in light mode and a complete dark-theme map. */
:root{--text:#2e2937;--muted:#655c70;--quiet:#756a7f;--soft:#eeeaf2;--accent:#765c8b;--accentsoft:#eee8f3}
.topbar{border-bottom-color:rgba(55,46,67,.14)}
.mark,.gateMark{background:linear-gradient(150deg,#eee6f5,#f8eef0);color:#765c8b}
.tabs{border-color:#d8d1de;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 3px 10px rgba(53,42,64,.04)}
.tab{color:#665d6f}.tab.active{background:#765c8b;color:#fff;box-shadow:0 3px 8px rgba(74,55,89,.13)}
.range{background:#ece8f0;border-color:#d8d1de;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.range button{color:#665d6f}.range button:hover{background:#f6f3f8;color:#554966}.range button.active,.language.active{background:#765c8b;border-color:#765c8b;color:#fff;box-shadow:0 3px 8px rgba(74,55,89,.13)}
.select,.language,.theme,.logout{border-color:#d8d1de;color:#62596c}
.storageTools{border-color:#d8d1de;box-shadow:0 6px 16px rgba(53,42,64,.04)}
.alertForm{border-color:#ded7e4}
.metric,.panel,.exStat{box-shadow:var(--shadow)}
.metrics .metric:nth-child(6n+1),.exStat:nth-child(5n+1){border-color:#e2d9e9}
.metrics .metric:nth-child(6n+2),.exStat:nth-child(5n+2){border-color:#dce3ef}
.metrics .metric:nth-child(6n+3),.exStat:nth-child(5n+3){border-color:#dceae2}
.metrics .metric:nth-child(6n+4),.exStat:nth-child(5n+4){border-color:#ece2d8}
.metrics .metric:nth-child(6n+5),.exStat:nth-child(5n+5){border-color:#eadce3}
.privacy{background:#f0ebf4;border-color:#ded1e7;color:#62596c}
.exPill,.exChip{background:#fdfcff;border-color:#dcd5e3;color:#665d6f}.exPill.active{background:#765c8b;border-color:#765c8b;color:#fff;box-shadow:0 3px 8px rgba(74,55,89,.12)}
.exGrid>.panel:first-child,.exGrid>.panel:nth-child(2){background:#fdfcff;border-color:#dcd5e3}.exTrack{background:#ece7ef}.exFill{background:#9276a2}
.table th{color:#5c5267;border-bottom-color:#d8d0df}.table th[aria-sort]:hover,.table th[aria-sort][aria-sort=ascending],.table th[aria-sort][aria-sort=descending]{background:#e7e0eb;color:#684b79}
.exPager button{background:#f0eaf4;border-color:#d9cde2;color:#6f547f}.footer{background:linear-gradient(112deg,#2d2732,#403449)}

html[data-theme=dark]{--text:#f1edf4;--muted:#b8b1c0;--quiet:#958e9e;--soft:#2d2932;--accent:#b69bc2;--accentsoft:#332b3b}
html[data-theme=dark] .topbar{border-bottom-color:rgba(255,255,255,.1)}
html[data-theme=dark] .mark,html[data-theme=dark] .gateMark{background:#30283a;color:#c5a9d0}
html[data-theme=dark] .tabs{border-color:#3b3542;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 5px 16px rgba(0,0,0,.14)}
html[data-theme=dark] .tab{color:#b9b1c1}html[data-theme=dark] .tab.active{background:#5d496a;color:#fff;box-shadow:0 3px 8px rgba(0,0,0,.22)}
html[data-theme=dark] .range{background:#25222b;border-color:#3b3542;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}html[data-theme=dark] .range button{color:#b9b1c1}html[data-theme=dark] .range button:hover{background:#302a36;color:#f5eff8}html[data-theme=dark] .range button.active,html[data-theme=dark] .language.active{background:#5d496a;border-color:#5d496a;color:#fff;box-shadow:0 3px 8px rgba(0,0,0,.2)}
html[data-theme=dark] .select,html[data-theme=dark] .language,html[data-theme=dark] .theme,html[data-theme=dark] .logout{border-color:#3b3542;color:#b9b1c1}
html[data-theme=dark] .storageTools{border-color:#3c3643;box-shadow:none}html[data-theme=dark] .alertForm{border-color:#3b3542}
html[data-theme=dark] .metric,html[data-theme=dark] .panel,html[data-theme=dark] .exStat{box-shadow:var(--shadow)}
html[data-theme=dark] .metrics .metric:nth-child(6n+1),html[data-theme=dark] .exStat:nth-child(5n+1){border-color:#403846}html[data-theme=dark] .metrics .metric:nth-child(6n+2),html[data-theme=dark] .exStat:nth-child(5n+2){border-color:#39404a}html[data-theme=dark] .metrics .metric:nth-child(6n+3),html[data-theme=dark] .exStat:nth-child(5n+3){border-color:#39463f}html[data-theme=dark] .metrics .metric:nth-child(6n+4),html[data-theme=dark] .exStat:nth-child(5n+4){border-color:#494039}html[data-theme=dark] .metrics .metric:nth-child(6n+5),html[data-theme=dark] .exStat:nth-child(5n+5){border-color:#483943}
html[data-theme=dark] .privacy{background:#2b2532;border-color:#493950;color:#c0b2c6}html[data-theme=dark] .exPill,html[data-theme=dark] .exChip{background:#25222b;border-color:#3b3542;color:#b9b1c1}html[data-theme=dark] .exPill.active{background:#5d496a;border-color:#5d496a;color:#fff}
html[data-theme=dark] .exGrid>.panel:first-child,html[data-theme=dark] .exGrid>.panel:nth-child(2){background:#242129;border-color:#3b3542}html[data-theme=dark] .exTrack{background:#332d38}html[data-theme=dark] .exFill{background:#a382b2}
html[data-theme=dark] .table th{color:#c8bdcf;border-bottom-color:#403846}html[data-theme=dark] .table th[aria-sort]:hover,html[data-theme=dark] .table th[aria-sort][aria-sort=ascending],html[data-theme=dark] .table th[aria-sort][aria-sort=descending]{background:#342b3c;color:#efe3f2}html[data-theme=dark] .exPager button{background:#2d2633;border-color:#493b51;color:#c4aace}
html[data-theme=dark] .green{background:#20372e;color:#9ed1b6}html[data-theme=dark] .orange{background:#3b3024;color:#dfb687}html[data-theme=dark] .red{background:#3b292c;color:#e2a5a9}html[data-theme=dark] .footer{background:linear-gradient(112deg,#1f1c24,#2b2431)}

/* Data-surface pass: make every list and table feel like part of the same product. */
:root{--bg:#f2eff5;--panel:#f8f5fa;--strong:#fcfbfd;--line:rgba(55,46,67,.14);--shadow:0 8px 22px rgba(53,42,64,.04)}
body{background:radial-gradient(900px 460px at 92% -80px,rgba(220,209,231,.42),transparent 70%),radial-gradient(620px 400px at -5% 280px,rgba(239,225,224,.32),transparent 72%),var(--bg)}
.tabs{background:#e9e4ed}.select,.language,.theme,.logout{background:#fbf9fc}.storageTools{background:#ebe6ef}.alertForm{background:#f3eff5}
.metric,.panel,.exStat{background:#f8f5fa;border-color:#d9d1df}.metrics .metric:nth-child(6n+1),.exStat:nth-child(5n+1){background:#f7f1fb}.metrics .metric:nth-child(6n+2),.exStat:nth-child(5n+2){background:#f3f6fb}.metrics .metric:nth-child(6n+3),.exStat:nth-child(5n+3){background:#f2f8f5}.metrics .metric:nth-child(6n+4),.exStat:nth-child(5n+4){background:#faf5ef}.metrics .metric:nth-child(6n+5),.exStat:nth-child(5n+5){background:#faf1f5}
.listRow{padding:11px 10px;border-bottom-color:#ded6e3;border-radius:8px;background:rgba(238,232,243,.44)}.listRow:nth-child(even){background:rgba(245,241,247,.78)}.listRow:last-child{border-bottom:0}
.exMini,.exMiniButton{padding-inline:10px;border-bottom-color:#ded6e3;background:rgba(238,232,243,.38)}.exMini:nth-child(even),.exMiniButton:nth-child(even){background:rgba(245,241,247,.72)}
.tableWrap{padding:4px;border:1px solid #ded6e3;border-radius:11px;background:#f4f0f6}.table{background:#f8f5fa}.table th{background:#e8e2ed}.table tbody tr:nth-child(odd){background:#f8f5fa}.table tbody tr:nth-child(even){background:#eee9f2}.table tbody tr:hover{background:#e4dce9}

html[data-theme=dark]{--bg:#17161b;--panel:#25222b;--strong:#2b2730;--line:rgba(255,255,255,.13);--shadow:0 14px 34px rgba(0,0,0,.24)}
html[data-theme=dark] body{background:radial-gradient(850px 500px at 90% 0,rgba(113,83,128,.1),transparent 72%),var(--bg)}
html[data-theme=dark] .tabs{background:#25222b}html[data-theme=dark] .select,html[data-theme=dark] .language,html[data-theme=dark] .theme,html[data-theme=dark] .logout{background:#24212a}html[data-theme=dark] .storageTools{background:#29252f}html[data-theme=dark] .alertForm{background:#27232c}
html[data-theme=dark] .metric,html[data-theme=dark] .panel,html[data-theme=dark] .exStat{background:#25222b;border-color:#3c3643}html[data-theme=dark] .metrics .metric:nth-child(6n+1),html[data-theme=dark] .exStat:nth-child(5n+1){background:#28232e}html[data-theme=dark] .metrics .metric:nth-child(6n+2),html[data-theme=dark] .exStat:nth-child(5n+2){background:#25262d}html[data-theme=dark] .metrics .metric:nth-child(6n+3),html[data-theme=dark] .exStat:nth-child(5n+3){background:#242b28}html[data-theme=dark] .metrics .metric:nth-child(6n+4),html[data-theme=dark] .exStat:nth-child(5n+4){background:#2a2725}html[data-theme=dark] .metrics .metric:nth-child(6n+5),html[data-theme=dark] .exStat:nth-child(5n+5){background:#2a252a}
html[data-theme=dark] .listRow{border-bottom-color:#3b3542;background:#2b2730}html[data-theme=dark] .listRow:nth-child(even){background:#302a35}html[data-theme=dark] .exMini,html[data-theme=dark] .exMiniButton{border-bottom-color:#3b3542;background:#2a2630}html[data-theme=dark] .exMini:nth-child(even),html[data-theme=dark] .exMiniButton:nth-child(even){background:#302a35}
html[data-theme=dark] .tableWrap{border-color:#3c3643;background:#211e25}html[data-theme=dark] .table{background:#25222b}html[data-theme=dark] .table th{background:#302a35}html[data-theme=dark] .table tbody tr:nth-child(odd){background:#25222b}html[data-theme=dark] .table tbody tr:nth-child(even){background:#2c2731}html[data-theme=dark] .table tbody tr:hover{background:#372d3e}

/* The six metrics now have real visit, playback and download-request data. */
.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}