:root{--ink:#203747;--muted:#647784;--line:#e0e8ec;--teal:#16776c;--navy:#153948;--gold:#f4cb7c;--paper:#f4f7f9}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--paper);color:var(--ink);line-height:1.5}a{color:var(--teal)}button,input{font:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.admin-shell{max-width:1260px;margin:auto;padding:0 32px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:760;text-decoration:none;color:#244653;letter-spacing:-.6px}.brand-mark{display:grid;place-items:center;width:43px;height:46px;background:var(--navy);color:var(--gold);font-size:30px;border-radius:12px;box-shadow:0 5px 14px #17394a15}.brand small{display:block;color:#81919a;font-size:10px;letter-spacing:1.8px;font-weight:750;margin-top:1px}.header-links{display:flex;align-items:center;gap:25px}.private-label{font-size:13px;color:#687e89;display:flex;align-items:center;gap:7px}.private-label svg{width:14px;height:14px}.back{display:flex;gap:16px;align-items:center;text-decoration:none;border:1px solid #d7e3e6;background:white;color:#375866;padding:10px 14px;border-radius:9px;font-size:13px;font-weight:650;min-height:42px}.back span{font-size:16px}
main{padding:27px 0 36px}.intro{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#173e50,#165d60);color:white;padding:30px 35px;border-radius:20px;position:relative;overflow:hidden;isolation:isolate}.intro:after{content:'';position:absolute;width:300px;height:300px;border:1px solid #ffffff10;border-radius:50%;right:-60px;top:-160px;box-shadow:0 0 0 35px #ffffff04,0 0 0 80px #ffffff03;z-index:-1}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;color:#f2d797}h1{font-size:clamp(26px,3vw,35px);letter-spacing:-.9px;line-height:1.2;margin:11px 0 10px}.intro p{color:#c5dfe1;margin:0;font-size:14px;line-height:1.8}.intro-seal{display:grid;place-items:center;width:105px;height:105px;border:1px solid #ffffff20;background:#ffffff07;border-radius:24px;transform:rotate(-6deg);margin-right:7px;flex-shrink:0}.intro-seal svg{width:73px;height:73px;stroke:#bddecf;stroke-width:4;transform:rotate(6deg)}.intro-seal .seal-accent{stroke:var(--gold);stroke-width:2.5}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0 26px}.dashboard-nav{display:flex;gap:4px;flex-wrap:wrap;border:1px solid #dde6e9;background:#e9eff2;padding:4px;border-radius:10px}.dashboard-nav a{font-size:13px;font-weight:650;color:#627b87;text-decoration:none;padding:8px 17px;border-radius:7px;min-height:34px;display:flex;align-items:center}.dashboard-nav a:focus-visible{background:white;box-shadow:0 2px 5px #25455708;color:#215a5e}.dashboard-nav a:hover{background:#fff9}.actions{display:flex;gap:9px}button{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--teal);color:white;border:1px solid var(--teal);border-radius:9px;padding:11px 16px;min-height:42px;font-size:13px;font-weight:700;cursor:pointer}.refresh-button svg{width:15px;height:15px}.outline{background:white;color:#4d6470;border-color:#d8e3e8}button:disabled{opacity:.6;cursor:wait}button:hover:not(:disabled){filter:brightness(.96)}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #d79d3b;outline-offset:4px}
.overview-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.section-kicker{font-size:10px;letter-spacing:1.6px;font-weight:750;color:#6c8d8b;display:block;margin-bottom:7px}h2{font-size:21px;letter-spacing:-.4px;line-height:1.3;margin:0}.overview-heading p{color:#788b94;font-size:12px;margin:0 0 2px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.stat{background:white;border:1px solid #e0e9eb;border-radius:16px;padding:20px 23px;box-shadow:0 4px 15px #1d415303;position:relative;overflow:hidden}.stat-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}.stat-icon{width:32px;height:32px;border-radius:10px;background:#e6f1ed;color:#287366;display:grid;place-items:center;font-size:20px;line-height:1}.metric-period{font-size:10px;font-weight:750;letter-spacing:1.1px;color:#6f8488}.stat h3{font-size:14px;font-weight:600;margin:0;color:#526d78}.stat>strong{display:block;font-size:39px;line-height:1.2;letter-spacing:-1.5px;color:#194c4b;margin:8px 0 10px;font-variant-numeric:tabular-nums}.stat>small{display:block;font-size:12px;color:#6c838d;line-height:1.6}.stat-today{background:linear-gradient(125deg,#e3f3ec,#f4faf6);border-color:#d0e7dc}.stat-browsers{background:linear-gradient(125deg,#fff2d9,#fffaf1);border-color:#f0e2c3}.stat-browsers .stat-icon{background:#f8e4b9;color:#987024}.stat-browsers strong{color:#806027}.stat-total .stat-icon{background:#e9effa;color:#5878a1}.stat-total strong{color:#365d7f}.stat-reach .stat-icon{background:#e6f1f4;color:#43858d}.stat-reach strong{color:#376e77}.count-guide{font-size:12px;color:#758b94;display:flex;gap:9px;align-items:start;margin:13px 0 25px;line-height:1.8}.count-guide>span{font-family:Georgia,serif;width:15px;height:15px;border:1px solid #91a9b1;border-radius:50%;font-size:12px;text-align:center;line-height:13px;flex-shrink:0;margin-top:2px}
.report-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:stretch}.panel{min-width:0;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 4px 18px #284c5d03;padding:25px;margin-bottom:22px}.section-heading{display:flex;align-items:start;justify-content:space-between;gap:17px;margin-bottom:22px}.section-heading h2{font-size:19px}.section-heading p{font-size:12px;color:#7a8d97;margin:7px 0 0;line-height:1.7}.section-total{text-align:right;flex-shrink:0}.section-total strong{display:block;font-size:29px;color:var(--teal);line-height:1.1;letter-spacing:-1px}.section-total span{display:block;font-size:11px;color:#7c9199;margin-top:6px}.period-badge{font-size:11px;color:#718a94;border:1px solid #e2eaed;border-radius:7px;padding:5px 9px;background:#f7fafb;white-space:nowrap}
.daily-bars{display:flex;gap:13px;align-items:stretch;height:220px;padding:0 2px;border-bottom:1px solid #e6edf0}.day{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:10px}.day>strong{font-size:13px;color:#667f88;font-weight:650;font-variant-numeric:tabular-nums}.bar{height:150px;width:100%;max-width:44px;position:relative;display:flex;align-items:end;background:linear-gradient(180deg,#f7fafb,#f1f6f7);border-radius:7px 7px 0 0}.bar>span{display:block;width:100%;background:#8cc2b1;border-radius:7px 7px 0 0;min-height:0}.day.current-day .bar>span{background:linear-gradient(180deg,#2d9683,#176d65)}.day>span{font-size:11px;color:#82949b;white-space:nowrap;margin-bottom:12px}.day.current-day>strong,.day.current-day>span{color:#176c61;font-weight:750}.chart-caption{display:flex;gap:6px;align-items:center;font-size:11px;color:#81939b;margin-top:17px}.legend-dot{width:7px;height:7px;display:inline-block;border-radius:2px;background:#2b8a78}.caption-right{margin-left:auto}.list-labels{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.4px;font-weight:700;color:#8b9ba3;padding:0 0 10px;border-bottom:1px solid #e8eef1}.page-row{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #eef2f4;padding:14px 0;font-size:13px;counter-increment:page}.page-row>span{display:flex;align-items:center;gap:10px;color:#496471}.page-row>span:before{content:counter(page,decimal-leading-zero);font-size:11px;color:#8ca0a8;width:19px;font-variant-numeric:tabular-nums}.page-row strong{background:#edf5f2;color:#39776c;min-width:30px;padding:3px 7px;text-align:center;border-radius:5px;font-size:12px}#pages{counter-reset:page}.panel-footnote{font-size:11px;color:#8a9aa3;line-height:1.8;margin:17px 0 0}.visitors-panel .section-heading{padding-bottom:3px}.table-wrap{overflow:auto;max-width:100%;border:1px solid #e6edf0;border-radius:11px}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}th{text-align:left;background:#f5f8fa;padding:13px 15px;font-size:10px;font-weight:750;color:#6c828e;letter-spacing:.5px;border-bottom:1px solid #e5edf0}td{padding:16px 15px;border-bottom:1px solid #edf2f4;color:#59717d}tbody tr:last-child td{border-bottom:0}tbody tr:nth-child(even){background:#fbfcfd}tbody tr:hover{background:#f3f9f7}td:first-child{font-family:ui-monospace,monospace;color:#2f786a;font-size:11px;font-weight:650}td:last-child,th:last-child{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.report-help{border:1px solid #e0e9ed;border-radius:12px;background:#eef3f5;color:#627c89}.report-help summary{display:flex;justify-content:space-between;cursor:pointer;padding:17px 20px;list-style:none;font-size:13px;font-weight:650}.report-help summary::-webkit-details-marker{display:none}.report-help summary span{font-size:16px;line-height:1}.report-help[open] summary span{transform:rotate(45deg)}.report-help>div{border-top:1px solid #dde7ec;margin:0 20px;padding:3px 0 13px}.report-help p{font-size:13px;line-height:1.85}.empty{font-size:13px;color:#7d929c;padding:30px 0;text-align:center}
#status{color:#994e2c;font-size:14px;line-height:1.8}#status:empty{display:none}#status:not(:empty){border:1px solid #f0ddc6;background:#fff7eb;border-radius:10px;padding:12px 16px;margin:18px 0}.login-panel{max-width:430px;margin:28px auto 8px;padding:31px}.login-panel h2{font-size:24px}.login-panel p{color:#7d8f99;font-size:14px;margin:10px 0 24px}.lock-mark{width:46px;height:46px;border-radius:14px;background:#e9f3ee;display:grid;place-items:center;color:#2f7c6e;font-size:25px;margin-bottom:23px}form{display:grid;gap:19px}label{display:grid;gap:8px;font-size:13px;font-weight:650;color:#536d79}input{background:#fbfcfd;border:1px solid #d8e4e9;border-radius:9px;min-height:45px;padding:12px;font-size:14px;color:var(--ink);width:100%;min-width:0}input::placeholder{color:#a0aeb5}form button{min-height:46px;margin-top:3px;justify-content:space-between;padding:12px 15px;font-size:14px}.setup-panel{max-width:650px;margin:25px auto}.setup-panel p{color:var(--muted);font-size:13px;line-height:1.8}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);font-size:11px;color:#8a9ca5;padding:21px 0 25px}footer b{font-weight:400;margin:0 7px;color:#a5b5bd}[hidden]{display:none!important}
@media(min-width:1500px){.admin-shell{max-width:1330px}.intro{padding:32px 37px}.stat{padding:22px 25px}}
@media(max-width:1000px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.report-grid{grid-template-columns:1fr}.daily-bars{gap:20px}.bar{max-width:55px}.intro-seal{width:86px;height:86px}.panel{padding:25px}.overview-heading{align-items:start}}
@media(max-width:620px){.admin-shell{padding:0 17px}.topbar{padding:18px 0;gap:12px}.brand{font-size:21px;gap:10px}.brand-mark{width:37px;height:41px;font-size:27px}.brand small{font-size:9px}.private-label{display:none}.back{padding:9px 11px;font-size:12px;gap:8px;min-height:41px}main{padding-top:20px}.intro{padding:25px 23px;border-radius:16px}.intro-seal{display:none}h1{font-size:29px;line-height:1.2;max-width:300px}.eyebrow{font-size:10px;letter-spacing:1.3px}.intro p{font-size:13px;line-height:1.8;max-width:290px}.toolbar{align-items:stretch;flex-direction:column;gap:14px;padding:18px 0 25px}.dashboard-nav{align-self:start}.dashboard-nav a{font-size:13px;padding:8px 15px}.actions{justify-content:space-between}.refresh-button{flex:1}.outline{padding-inline:20px}.overview-heading{flex-direction:column;gap:8px;margin-bottom:15px}h2{font-size:21px}.overview-heading p{font-size:11px}.stats{gap:11px}.stat{padding:17px 16px;border-radius:14px}.stat-top{margin-bottom:14px}.stat-icon{width:29px;height:29px;font-size:18px}.metric-period{font-size:9px;letter-spacing:.8px}.stat h3{font-size:13px}.stat>strong{font-size:34px;margin:7px 0}.stat>small{font-size:11px;line-height:1.7}.count-guide{font-size:11px;line-height:1.85;margin-bottom:22px}.report-grid{gap:0}.panel{padding:21px 19px;border-radius:15px;margin-bottom:17px}.section-heading{gap:10px}.section-heading h2{font-size:18px}.section-heading p{font-size:11px;max-width:200px}.section-total strong{font-size:26px}.section-total span{font-size:10px}.daily-bars{gap:9px;height:200px}.bar{height:133px}.day>span{font-size:10px}.day>strong{font-size:12px}.chart-caption{font-size:10px}.page-row{font-size:13px}.period-badge{font-size:10px;padding:5px 7px}.visitors-panel .section-heading{flex-direction:column;gap:10px}.table-wrap{margin-top:17px}td,th{padding:13px 11px}.panel-footnote{font-size:11px}.report-help summary{font-size:12px;padding:16px}.report-help>div{margin-inline:16px}.report-help p{font-size:12px}.login-panel{padding:27px 23px;margin-top:22px}.login-panel h2{font-size:23px}footer{font-size:10px;flex-wrap:wrap;padding:19px 0 25px;gap:6px}}
@media(max-width:360px){.stat{padding:15px 12px}.stat h3{font-size:12px}.stat>strong{font-size:31px}.metric-period{font-size:9px}.day>span{font-size:9px}.header-links .back{font-size:11px}.brand{font-size:19px}.stats{gap:9px}.intro{padding:24px 19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.report-help summary span{transition:none}}


.payment-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.payment-stats .stat>strong{font-size:clamp(24px,3vw,36px);overflow-wrap:anywhere}#payment-status{color:var(--muted);font-size:13px}#payment-updated{margin-bottom:12px}@media(max-width:600px){.payment-stats{grid-template-columns:1fr}}
/* Learning activity, journey, live feed and learners (activity-tracking.sql) */
.self-note{font-size:12px;color:#5a7380;background:#f1f6f8;border:1px dashed #cfdde2;border-radius:10px;padding:9px 13px;margin:12px 0 0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.link-button{border:0;background:none;color:var(--teal);font-weight:700;font-size:12px;padding:2px 4px;cursor:pointer;text-decoration:underline}
.learning-panel{margin-top:22px}
.period-switch{display:flex;gap:4px;background:#e9eff2;border:1px solid #dde6e9;border-radius:10px;padding:4px}
.period-switch button{border:0;background:none;font:inherit;font-size:12px;font-weight:700;color:#627b87;padding:7px 13px;border-radius:7px;cursor:pointer}
.period-switch button.selected{background:#fff;color:#16594f;box-shadow:0 2px 5px #25455714}
.act-status:empty{display:none}
.act-status{background:#fff6df;border:1px solid #f1dfae;color:#7a5b1b;border-radius:10px;padding:11px 14px;font-size:13px;margin:0 0 16px}
.act-stats{margin-bottom:24px}
.act-stats small{display:block;margin-top:4px;font-size:12px;color:#6d818a}
.sub-title{font-size:13px;font-weight:700;color:#3f5b67;margin:4px 0 14px}
.act-grid{gap:30px}
.daily-bars .day>small{font-size:10px;color:#8a9ba2;margin:-8px 0 10px;white-space:nowrap}
.subject-list,.level-list,.funnel,.mix{display:grid;gap:10px;margin-bottom:22px}
.subject-row,.level-row,.funnel-row,.mix-row{display:grid;grid-template-columns:minmax(110px,1.1fr) minmax(60px,2fr) auto minmax(64px,auto);gap:12px;align-items:center;font-size:13px}
.subject-row strong,.level-row strong,.funnel-row strong,.mix-row strong{font-variant-numeric:tabular-nums;color:#264b57;text-align:right;min-width:34px}
.subject-row em,.level-row em,.funnel-row em{font-style:normal;font-size:11px;color:#7a8d96;text-align:right;white-space:nowrap}
.subject-row em.low{color:#a3523f;font-weight:700}
.subject-name{color:#3d5864;font-weight:600}
.meter{display:block;height:10px;background:#edf3f5;border-radius:99px;overflow:hidden}
.meter>span{display:block;height:100%;background:linear-gradient(90deg,#7fbca9,#2d8f7c);border-radius:99px}
.meter.accuracy>span{background:linear-gradient(90deg,#f2cf83,#d9a33a)}
.meter.funnel-bar{height:14px}
.meter.funnel-bar>span{background:linear-gradient(90deg,#9fb8d8,#3f6e9e)}
.funnel-row{padding:6px 0;border-bottom:1px solid #f0f4f5}
.funnel-row:last-child strong{color:#16776c}
.mix{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mix-group h4{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#7b8f98;margin:0 0 8px}
.mix-row{grid-template-columns:minmax(60px,1.4fr) minmax(40px,1fr) auto;font-size:12px;margin-bottom:6px}
.feed{list-style:none;margin:0;padding:0;max-height:560px;overflow:auto}
.feed-item{display:grid;grid-template-columns:96px 1fr;gap:2px 12px;padding:11px 0 11px 12px;border-bottom:1px solid #eef3f4;border-left:3px solid #d5e1e5;font-size:13px}
.feed-item time{font-size:11px;color:#7d9099;grid-row:span 2;padding-top:2px}
.feed-item span{color:#2f4d59;font-weight:600}
.feed-item em{font-style:normal;font-size:11px;color:#8a9ca4}
.feed-right{border-left-color:#59ad93}.feed-wrong{border-left-color:#e2a08f}.feed-paid{border-left-color:#d9a33a;background:#fffaf0}
.feed .empty{padding:20px 0;color:#7a8d96;font-size:13px}
.learner-table td:first-child{display:flex;gap:8px;align-items:center;white-space:nowrap}
.badge{font-size:10px;font-weight:750;letter-spacing:.3px;border-radius:99px;padding:2px 8px;background:#eef2f4;color:#647784}
.badge-paid{background:#fff0cf;color:#8a6417}.badge-signed{background:#e6f1ff;color:#3c6191}
@media(max-width:1000px){.mix{grid-template-columns:1fr}}
@media(max-width:620px){.section-heading{flex-wrap:wrap}.period-switch{width:100%}.period-switch button{flex:1}.subject-row,.level-row,.funnel-row{grid-template-columns:minmax(90px,1fr) minmax(40px,1fr) auto;font-size:12px}.subject-row em,.level-row em,.funnel-row em{display:none}.feed-item{grid-template-columns:1fr}.feed-item time{grid-row:auto}}
.plain-table td:first-child{font-family:inherit;color:#2f4d59;font-size:12px;font-weight:600}
.report-grid.wide-right{grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr)}
#tests-panel .mix{grid-template-columns:1fr;gap:14px}
#tests-panel .mix-row{grid-template-columns:minmax(150px,1.3fr) minmax(60px,1fr) 44px}
@media(max-width:1000px){.report-grid.wide-right{grid-template-columns:1fr}}
@media(max-width:620px){.period-switch{flex-wrap:nowrap}.act-grid{gap:10px}#tests-panel .mix-row{grid-template-columns:minmax(110px,1.2fr) minmax(40px,1fr) 40px}}
.act-grid>div{min-width:0}
@media(max-width:620px){.daily-bars .day>small{display:none}}
/* Security section */
.btn-small{font:inherit;font-size:12px;font-weight:700;padding:6px 10px;border-radius:8px;border:1px solid #c7d6dc;background:#fff;color:#174d5a;cursor:pointer;white-space:nowrap}
.btn-small:hover{background:#eef5f7}.btn-small:disabled{opacity:.5;cursor:default}
.device-line{font-size:13px;line-height:1.5}.muted{color:#6b8089}
.warn-row td{background:#fff7ed}.test-row td{color:#6b8089}
.badge-warn{background:#fde6d4;color:#8a3b12}
#security code{background:#eef5f7;padding:1px 5px;border-radius:5px;font-size:12px}


/* Navy blue admin analytics, matching the student app. */
:root{--ink:#182747;--muted:#54647d;--line:#dce5f3;--teal:#174a94;--navy:#071440;--gold:#f2cc79;--paper:#f8faff}
body{background:#f8faff;color:var(--ink)}
.brand{color:#102f65}.brand-mark{background:#071440;color:#f2cc79}
.intro{background:linear-gradient(120deg,#071440,#173b82);padding:25px 29px}
.intro p{color:#e4edff}
.admin-shell{max-width:1320px}
.dashboard-nav{background:#edf3ff;border-color:#d6e2f4;gap:5px}
.dashboard-nav a{color:#19447d}
.dashboard-nav a:hover,.dashboard-nav a:focus-visible{background:#fff;color:#102f65}
.actions button,.login-panel button,.auto-refresh-toggle{background:#174a94;color:white;border-color:#174a94}
.actions .outline{background:#fff;color:#174a94;border-color:#c6d9f3}
button:hover:not(:disabled){filter:brightness(.94)}
.section-kicker{color:#30589b}
.stat{border-color:#dce6f4;box-shadow:0 4px 18px #12346c0b}
.stat>strong{color:#123c80}
.stat-today{background:linear-gradient(140deg,#eaf1ff,#fff);border-color:#d6e2f5}
.stat-browsers{background:linear-gradient(140deg,#fff4da,#fff);border-color:#efdfbe}
.stat-total{background:linear-gradient(140deg,#f0f5ff,#fff)}
.stat-reach{background:linear-gradient(140deg,#edf7fa,#fff)}
.panel{border-color:#dce6f3;box-shadow:0 5px 18px #183b7010}
.meter>span{background:linear-gradient(90deg,#658fcf,#174a94)}
.meter.funnel-bar>span{background:linear-gradient(90deg,#a3bce5,#174a94)}
.live-usage-panel{margin:21px 0;border:1px solid #cdddf3;background:linear-gradient(160deg,#fff,#f5f8ff)}
.live-usage-heading{align-items:flex-start;gap:14px}
.live-usage-heading p{max-width:660px}
.live-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.live-refresh-meta{font-size:11px;color:#48617f;line-height:1.6}
.auto-refresh-toggle{min-height:44px;white-space:nowrap}
.auto-refresh-toggle[aria-pressed="true"]{background:#10366f;border-color:#10366f}
.live-usage-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0 8px}
.live-usage-stats .stat{min-width:0;padding:19px 20px}
.live-usage-stats .stat>strong{font-size:clamp(23px,2.7vw,33px);overflow-wrap:anywhere}
.live-usage-stats .stat:nth-child(2){background:#f0f5ff}
.live-usage-stats .stat:nth-child(3){background:#fffaf0}
.live-caveat{font-size:11px;line-height:1.7;margin:9px 0 13px}
.live-links{display:flex;gap:12px 18px;flex-wrap:wrap}
.live-links a{font-size:12px;font-weight:750;color:#174a94;text-underline-offset:3px}
.live-usage-panel:target{outline:2px solid #b5c9e8;outline-offset:3px}
@media(max-width:900px){
 .live-usage-heading{flex-wrap:wrap}
 .live-controls{justify-content:flex-start}
 .live-usage-stats{gap:10px}
}
@media(max-width:620px){
 .intro{padding:22px 19px}
 .dashboard-nav{display:flex;flex-wrap:nowrap;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
 .dashboard-nav a{white-space:nowrap;min-height:44px;padding:9px 13px}
 .live-usage-panel{padding:20px 16px}
 .live-controls{width:100%;justify-content:space-between}
 .live-usage-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .live-usage-stats .stat{padding:14px 12px}
 .live-usage-stats .stat>strong{font-size:26px}
 .live-usage-stats .stat:nth-child(3){grid-column:1/-1}
 .live-usage-stats .stat:nth-child(3)>strong{font-size:21px}
 .live-links{display:grid;gap:10px}
}


/* Elegant dashboard: visible KPIs and live summary; expandable report library. */
.intro{border-radius:23px;box-shadow:0 14px 32px #102d681c}
.toolbar{align-items:center;padding:17px 0 23px;gap:12px}
.report-menu{position:relative;min-width:200px;z-index:5}
.report-menu>summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;background:#174a94;color:#fff;border-radius:12px;padding:12px 16px;font-size:13px;font-weight:750;min-height:46px;box-shadow:0 6px 16px #173d8524}
.report-menu>summary::-webkit-details-marker{display:none}
.menu-symbol{font-size:19px;line-height:1}
.menu-chevron{margin-left:auto;font-size:19px}
.report-menu[open] .menu-chevron{transform:rotate(180deg)}
.report-menu .dashboard-nav{position:absolute;top:calc(100% + 7px);left:0;display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:5px;width:min(540px,calc(100vw - 36px));max-height:min(65vh,500px);overflow:auto;background:#fff;border:1px solid #d4e1f3;box-shadow:0 15px 42px #112d6260;padding:10px;border-radius:15px}
.report-menu .dashboard-nav a{font-size:13px;white-space:normal;min-height:43px;padding:11px;border-radius:9px}
.report-menu .dashboard-nav a:hover{background:#eaf2ff}
.report-gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:27px 0 17px}
.report-gallery-heading h2{font-size:25px;color:#172e5c}
.report-gallery-heading p{margin:7px 0 0;color:#596b86;font-size:13px;line-height:1.6}
.report-count{background:#eaf2ff;color:#164485;border-radius:99px;font-size:12px;font-weight:750;padding:9px 13px;white-space:nowrap}
.report-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;align-items:start;margin-bottom:26px}
.report-drawer{min-width:0;border:1px solid #dbe5f4;border-radius:19px;background:linear-gradient(155deg,#fff,#f7faff);box-shadow:0 6px 20px #143b7010;overflow:hidden}
.report-drawer>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:21px 20px;min-height:99px}
.report-drawer>summary::-webkit-details-marker{display:none}
.report-drawer>summary:hover{background:#edf4ff}
.report-drawer[open]{grid-column:1/-1;background:#fff;border-color:#9cbbe6;box-shadow:0 9px 25px #153d7819}
.report-drawer[open]>summary{background:#edf4ff;border-bottom:1px solid #dbe6f6}
.report-symbol{width:49px;height:49px;flex:0 0 49px;display:grid;place-items:center;background:#e8f0ff;color:#174a94;font-weight:800;font-size:23px;border-radius:15px}
.drawer-payments .report-symbol{background:#fff1d6;color:#81591b}
.drawer-security .report-symbol{background:#f0effa;color:#554180}
.drawer-live .report-symbol{background:#e8f7f2;color:#24654e}
.report-summary-copy{min-width:0;flex:1}
.report-summary-copy strong{display:block;color:#172f5d;font-size:17px;line-height:1.35}
.report-summary-copy small{display:block;color:#60708a;margin-top:5px;font-size:12px;line-height:1.5}
.report-open-indicator{font-size:22px;line-height:1;color:#174a94;transition:transform .2s}
.report-drawer[open] .report-open-indicator{transform:rotate(180deg)}
.report-drawer-body{padding:22px}
.report-drawer-body>.report-grid,.report-drawer-body>.panel,.report-drawer-body>.visitors-panel{margin-bottom:0}
.report-drawer-body>.report-grid>.panel{margin-bottom:0}
.report-drawer-body>.panel{box-shadow:none;border-color:#e1e9f5}
.report-drawer-body>.report-grid{gap:17px}
.report-drawer-body .table-wrap{max-width:100%;overflow-x:auto}
.live-usage-panel{margin:18px 0 22px;border-radius:19px}
#overview>.stats{margin-top:14px}
#overview .stat{min-height:170px}
#overview .stat>strong{font-variant-numeric:tabular-nums}
#payments .payment-stats{margin-top:12px}
@media(max-width:850px){
 .report-gallery{grid-template-columns:1fr}
 .report-drawer[open]{grid-column:1}
 .report-drawer-body{padding:15px}
 .report-drawer-body>.report-grid{grid-template-columns:1fr}
 .report-drawer-body>.report-grid>.panel{margin-bottom:12px}
}
@media(max-width:620px){
 .intro{padding:20px 17px;border-radius:17px}
 .intro h1{font-size:26px}
 .toolbar{align-items:stretch;gap:10px}
 .report-menu{width:100%}
 .report-menu>summary{min-height:46px}
 .report-menu .dashboard-nav{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-height:55vh}
 .toolbar .actions{display:grid;grid-template-columns:1fr 1fr}
 .toolbar .actions button{min-width:0;padding:10px}
 .report-gallery-heading{align-items:flex-start;margin:23px 0 13px}
 .report-gallery-heading h2{font-size:21px}
 .report-gallery-heading p{font-size:12px}
 .report-count{font-size:10px;padding:7px 9px}
 .report-drawer>summary{min-height:85px;padding:16px 14px;gap:11px}
 .report-symbol{width:43px;height:43px;flex-basis:43px;font-size:20px}
 .report-summary-copy strong{font-size:15px}
 .report-summary-copy small{font-size:11px}
 .report-drawer-body{padding:13px}
 #overview>.stats{gap:10px}
 #overview .stat{min-height:155px}
}
@media(prefers-reduced-motion:reduce){.report-open-indicator,.menu-chevron{transition:none}}


/* Premium admin dashboard refinement — 01 Nov 2026. No analytics or access changes. */
:root{--ink:#15294d;--muted:#5b6c85;--line:#dce6f5;--teal:#174a94;--navy:#071440;--paper:#f8faff}
body{background:radial-gradient(ellipse at 95% 0%,#eaf1ff,transparent 44%),#f8faff}
.admin-shell{max-width:1370px}
.topbar{padding:17px 0;border-color:#dbe5f3}
.brand{font-size:22px;color:#122e63}
.brand-mark{border-radius:13px;box-shadow:0 6px 17px #0d2d671e}
.intro{min-height:168px;background:linear-gradient(115deg,#051035,#102964 66%,#224d91);border-radius:23px;padding:28px 34px;box-shadow:0 14px 36px #142b5c22}
.intro:after{width:360px;height:360px;right:-25px;top:-180px;border-color:#ffffff21;box-shadow:0 0 0 37px #ffffff08,0 0 0 78px #ffffff06}
.intro h1{font-size:clamp(28px,3vw,39px);max-width:670px}
.intro p{max-width:660px;font-size:14px;line-height:1.65}
.intro-seal{background:#ffffff12;border-color:#ffffff29}
.intro-seal svg{stroke:#d8e8ff}
.toolbar{padding:16px 0 20px}
#overview{background:#fff;border:1px solid #dce7f6;border-radius:20px;padding:23px;box-shadow:0 8px 27px #15397510}
.overview-heading{margin-bottom:16px;align-items:flex-start}
.overview-heading h2{font-size:24px;color:#142e60}
.overview-subtitle{font-size:12px;color:#60718b;margin:6px 0 0}
#updated{font-size:11px;background:#edf3fe;border-radius:99px;padding:8px 11px;color:#486187}
#overview>.stats{gap:12px}
#overview .stat{min-height:148px;padding:17px 18px;border-radius:16px}
#overview .stat h3{font-size:13px}
#overview .stat>strong{font-size:clamp(27px,3vw,38px);margin:8px 0 7px;letter-spacing:-1px}
#overview .stat>small{font-size:11px}
#overview .stat-top{margin-bottom:10px}
#overview .stat-icon{background:#ffffffaa;color:#174a94}
.dashboard-shortcuts{display:flex;flex-wrap:wrap;gap:9px;margin:17px 0 8px}
.dashboard-shortcuts a{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:10px 15px;border-radius:11px;border:1px solid #cfe0f5;background:#f0f5ff;color:#153d7b;text-decoration:none;font-size:12px;font-weight:750}
.dashboard-shortcuts a:hover,.dashboard-shortcuts a:focus-visible{background:#dae9ff;border-color:#92b2e3}
.dashboard-shortcuts a span{font-size:15px}
.count-guide{margin-top:11px}
.live-usage-panel{margin:17px 0 22px;box-shadow:0 8px 27px #14386f13;border-radius:20px}
.live-usage-panel h2{font-size:23px;color:#173566}
.live-usage-stats .stat{border-radius:14px;min-height:127px}
.live-usage-stats .stat>strong{font-size:clamp(23px,2.5vw,31px)}
.report-gallery-heading{margin:30px 0 17px}
.report-gallery-heading h2{font-size:26px;letter-spacing:-.55px}
.report-gallery-heading p{max-width:670px}
.report-gallery{gap:17px}
.report-drawer{border-radius:19px;border-color:#d6e3f4;background:#fff;box-shadow:0 6px 19px #102e6811;transition:border-color .2s ease,box-shadow .2s ease}
.report-drawer:not([open]):hover{border-color:#87addf;box-shadow:0 12px 26px #1439701b}
.report-drawer>summary{padding:23px 21px;min-height:112px;gap:16px}
.report-drawer>summary:focus-visible{outline:3px solid #bd8629;outline-offset:-4px}
.report-drawer[open]>summary{background:#edf4ff}
.report-symbol{height:55px;width:55px;flex-basis:55px;border-radius:16px;background:linear-gradient(145deg,#e9f2ff,#dce9ff);font-size:25px}
.report-summary-copy strong{font-size:18px;color:#152d5b}
.report-summary-copy small{font-size:12px;color:#65738b}
.report-open-indicator{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:750;white-space:nowrap;color:#174a94}
.report-open-label{border-radius:99px;border:1px solid #d4e3f6;background:#f2f7ff;padding:8px 10px;font-size:11px}
.report-chevron{font-size:21px;transition:transform .2s}
.report-drawer[open] .report-chevron{transform:rotate(180deg)}
.report-drawer[open] .report-open-label{background:#174a94;color:#fff;border-color:#174a94}
.report-drawer[open] .report-open-label::after{content:none}
.report-drawer-body{padding:23px}
.report-drawer-body .panel{box-shadow:none}
.report-drawer-body .table-wrap{border-radius:12px;overflow-x:auto}
.report-drawer-body table{min-width:480px}
.report-drawer-body .daily-bars{max-width:100%}
.report-menu>summary{background:#174a94;box-shadow:0 5px 14px #133e8421}
.report-menu .dashboard-nav{z-index:20}
#dashboard .refresh-button{background:#174a94}
#dashboard .outline{border-color:#c6d9ef}
@media(max-width:850px){
 .admin-shell{padding:0 20px}
 #overview>.stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .report-drawer>summary{min-height:96px;padding:18px}
 .report-open-label{font-size:10px}
}
@media(max-width:620px){
 .admin-shell{padding:0 14px}
 .topbar{padding:15px 0}
 .intro{padding:22px 19px;min-height:0;border-radius:18px}
 .intro h1{font-size:27px}
 #overview{padding:16px 13px;border-radius:17px}
 .overview-heading h2{font-size:20px}
 #updated{padding:7px 9px}
 #overview>.stats{gap:9px}
 #overview .stat{min-height:131px;padding:13px 12px}
 #overview .stat h3{font-size:12px}
 #overview .stat>strong{font-size:29px}
 .dashboard-shortcuts{gap:7px}
 .dashboard-shortcuts a{padding:9px 10px;font-size:11px;min-height:43px}
 .live-usage-panel{padding:17px 14px}
 .live-usage-panel h2{font-size:21px}
 .report-gallery-heading{margin:22px 0 12px}
 .report-gallery-heading h2{font-size:20px}
 .report-drawer>summary{min-height:90px;padding:15px 12px;gap:10px}
 .report-symbol{width:43px;height:43px;flex-basis:43px;font-size:21px}
 .report-summary-copy strong{font-size:15px}
 .report-summary-copy small{font-size:11px}
 .report-open-indicator{gap:5px}
 .report-open-label{display:none}
 .report-drawer-body{padding:12px}
 .report-drawer-body table{min-width:440px}
}
@media(prefers-reduced-motion:reduce){.report-drawer,.report-chevron{transition:none}}


/* Final admin visual consistency: charts, tables, lists, controls, responsive. */
#dashboard .panel{border-radius:18px}
#dashboard .panel h2,#dashboard .section-heading h2{color:#173562}
#dashboard .section-heading{gap:12px;flex-wrap:wrap}
#dashboard .section-heading p{color:#5c718b;line-height:1.6}
#dashboard .period-badge{background:#edf3ff;color:#244a83;border:1px solid #d9e5f7;border-radius:99px;padding:6px 11px}
#dashboard .period-switch{background:#ecf2fc;border:1px solid #d6e3f5;border-radius:12px;padding:4px;display:flex;gap:4px}
#dashboard .period-switch button{min-height:38px;border-radius:9px;color:#1b4b8c}
#dashboard .period-switch button.selected{background:#174a94;color:#fff;box-shadow:0 3px 8px #163a7921}
#dashboard .daily-bars{padding:14px 8px 9px;border-radius:13px;background:linear-gradient(#f7faff,#fff);border:1px solid #e3ebf7}
#dashboard .bar{border-radius:7px 7px 2px 2px;background:linear-gradient(#5282cf,#174a94)}
#dashboard .day.current-day .bar{background:linear-gradient(#f0ca73,#b98626)}
#dashboard .chart-caption{color:#61748c}
#dashboard .legend-dot{background:#174a94}
#dashboard .meter{background:#e6edf8;height:10px}
#dashboard .meter>span{background:linear-gradient(90deg,#4a79c2,#174a94)}
#dashboard .meter.accuracy>span{background:linear-gradient(90deg,#2f9d85,#19725b)}
#dashboard .table-wrap{border:1px solid #e2eaf6;border-radius:13px;overflow-x:auto}
#dashboard table{border-collapse:collapse;line-height:1.6}
#dashboard thead th{background:#edf3ff;color:#254878;font-size:11px;letter-spacing:.2px;padding:12px 14px}
#dashboard tbody td{padding:12px 14px;border-bottom:1px solid #ebf0f8;font-size:12px;color:#354e70}
#dashboard tbody tr:nth-child(even){background:#fafcff}
#dashboard tbody tr:hover{background:#f0f6ff}
#dashboard .feed{max-height:540px;scrollbar-color:#a9c3e8 #f4f7fd}
#dashboard .feed-item{padding:12px;border:1px solid #e2eaf6;border-left:4px solid #5281ca;border-radius:12px;background:#fff;margin-bottom:9px}
#dashboard .feed-item.feed-right{border-left-color:#29866b;background:#f6fcf9}
#dashboard .feed-item.feed-wrong{border-left-color:#bd5e52;background:#fff9f8}
#dashboard .feed-item.feed-paid{border-left-color:#c48f2f;background:#fffaf0}
#dashboard .sub-title{color:#183d75;margin:18px 0 11px}
#dashboard .list-labels{color:#6a7e96}
#dashboard .funnel-row,#dashboard .mix-row,#dashboard .subject-row,#dashboard .level-row{gap:12px}
#dashboard .badge{border-radius:99px}
#dashboard button:focus-visible,#dashboard a:focus-visible,#dashboard summary:focus-visible{outline:3px solid #b98525;outline-offset:3px}
#dashboard .auto-refresh-toggle,#dashboard .refresh-button{min-height:44px;border-radius:11px}
#dashboard .live-links a{font-weight:750}
.login-panel,.setup-panel{border-radius:19px;box-shadow:0 11px 31px #183b7612}
.login-panel input{border:1px solid #ccdaee;border-radius:11px;min-height:46px}
.login-panel button{border-radius:11px;min-height:46px}
@media(max-width:620px){
 #dashboard .section-heading h2{font-size:19px}
 #dashboard .panel{padding:15px 13px}
 #dashboard .report-drawer-body>.panel{padding:15px 12px}
 #dashboard .period-switch{width:100%;justify-content:stretch}
 #dashboard .period-switch button{flex:1;font-size:12px}
 #dashboard .feed-item{padding:10px}
 #dashboard .table-wrap{max-width:100%}
 #dashboard .table-wrap th,#dashboard .table-wrap td{padding:11px 10px}
 #dashboard .chart-caption{font-size:10px;line-height:1.6}
}