:root{color-scheme:dark;--bg:#0b1220;--surface:#111c2c;--border:#293c50;--muted:#90a5b9;--cyan:#5ddcf1;--text:#eff9fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Arial,sans-serif}header{display:flex;align-items:center;justify-content:space-between;padding:19px clamp(16px,4vw,60px);border-bottom:1px solid var(--border)}.brand{font-weight:800;letter-spacing:2px;font-size:13px}.brand b{color:var(--cyan);padding:0 9px}main{max-width:1240px;padding:28px 18px 56px;margin:auto}.intro{display:flex;align-items:end;justify-content:space-between;gap:24px;flex-wrap:wrap}.intro h1,.login h1{font-size:clamp(30px,5vw,46px);margin:7px 0}.eyebrow{color:var(--cyan);font-weight:700;font-size:12px;letter-spacing:2px}.intro p,.login p,.foot{color:var(--muted)}.filters{display:flex;flex-wrap:wrap;gap:12px}label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:var(--muted)}select,input{background:#152438;border:1px solid #345068;color:var(--text);border-radius:10px;padding:12px;min-width:148px;font:inherit}button{cursor:pointer;font:inherit;border-radius:10px}.ghost{background:transparent;border:1px solid var(--border);padding:9px 14px;color:var(--text)}.primary{background:var(--cyan);color:#071522;font-weight:800;padding:12px;border:0}#status{color:var(--muted);font-size:13px;min-height:18px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:13px;margin:21px 0}.metric,.panel{background:var(--surface);border:1px solid var(--border);border-radius:16px}.metric{padding:19px}.metric small{display:block;color:var(--muted);font-size:12px}.metric strong{font-size:32px;color:var(--cyan);font-variant-numeric:tabular-nums}.panel{padding:22px;margin-bottom:16px;min-width:0}.panel h2{margin:0 0 17px;font-size:18px}.twocol{display:grid;grid-template-columns:2fr 1fr;gap:16px}.daily{display:flex;gap:10px;align-items:end;min-height:200px}.day{display:flex;flex-direction:column;justify-content:end;align-items:center;flex:1;min-width:0;gap:7px}.bar{width:100%;max-width:75px;background:linear-gradient(0deg,#19778f,var(--cyan));border-radius:7px 7px 2px 2px;min-height:3px}.day small{font-size:11px;color:var(--muted)}.day strong{font-size:11px}.line{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding:10px 0}.line:last-child{border:0}.line span{overflow-wrap:anywhere}.line strong{color:var(--cyan)}.foot{font-size:12px;line-height:1.7}.auth{min-height:100vh;display:grid;place-items:center}.login{max-width:420px;width:calc(100% - 36px);background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:28px}.login form{display:grid;gap:18px;margin-top:24px}.login input{width:100%}@media(max-width:820px){.twocol{grid-template-columns:1fr}.panel{padding:16px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:15px}.metric strong{font-size:25px}}


/* SAM_STATS_LOGIN_UI_V1 -- intentionally scoped; existing dashboard unaffected */
body.sam-stats-login {
  margin:0; min-height:100vh; min-height:100dvh; color:#f3f5ff;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:radial-gradient(ellipse 850px 650px at 17% 20%,#22206e 0%,transparent 65%),
             radial-gradient(ellipse 790px 620px at 95% 85%,#17235c 0%,transparent 65%),
             linear-gradient(135deg,#0b0b24 0%,#101331 48%,#090d1e 100%);
  line-height:1.5;
}
body.sam-stats-login *,body.sam-stats-login *::before,body.sam-stats-login *::after {box-sizing:border-box}
body.sam-stats-login::before {content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;
  background-image:linear-gradient(rgba(181,187,250,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(181,187,250,.1) 1px,transparent 1px);
  background-size:58px 58px;mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 68%,transparent)}
body.sam-stats-login a{color:inherit;text-decoration:none}
body.sam-stats-login .stats-login-shell{max-width:1260px;min-height:100dvh;margin:auto;padding:34px clamp(22px,5vw,68px) 24px;display:flex;flex-direction:column;position:relative;z-index:1}
body.sam-stats-login .stats-login-header,body.sam-stats-login .stats-brand{display:flex;align-items:center}
body.sam-stats-login .stats-login-header{justify-content:space-between;gap:24px}
body.sam-stats-login .stats-brand{gap:12px}
body.sam-stats-login .stats-brand-mark{width:47px;height:47px;border-radius:14px;display:grid;place-items:center;font-size:26px;font-weight:850;line-height:1;
  background:linear-gradient(145deg,#8379ff,#514bcb);box-shadow:0 10px 30px #5d57ed4d}
body.sam-stats-login .stats-brand-text{display:flex;flex-direction:column;gap:0;line-height:1.12;letter-spacing:.08em}
body.sam-stats-login .stats-brand-text strong{font-size:17px;font-weight:800}
body.sam-stats-login .stats-brand-text small{font-size:10px;letter-spacing:.22em;color:#aeb9dd;font-weight:700}
body.sam-stats-login .stats-login-private{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600;color:#b1bddb}
body.sam-stats-login .stats-login-private i{width:7px;height:7px;border-radius:50%;background:#4dd9ab;box-shadow:0 0 0 4px #4dd9ab1d}
body.sam-stats-login .stats-login-content{flex:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(365px,.9fr);gap:clamp(32px,6vw,96px);align-items:center;padding:70px 0}
body.sam-stats-login .stats-login-intro{position:relative}
body.sam-stats-login .stats-intro-tag{display:inline-flex;align-items:center;gap:12px;border:1px solid #8984ef48;border-radius:100px;padding:9px 16px;
  color:#b5b8ff;background:#7c75eb12;font-size:11px;letter-spacing:.18em;font-weight:750;margin-bottom:28px}
body.sam-stats-login .stats-intro-tag-icon{font-size:9px;color:#a8a3ff}
body.sam-stats-login .stats-login-intro h1{font-weight:780;font-size:clamp(38px,4.2vw,63px);line-height:1.14;letter-spacing:-.055em;margin:0 0 24px}
body.sam-stats-login .stats-login-intro h1 em{font-style:normal;background:linear-gradient(90deg,#ae9fff,#74c6fd);color:transparent;background-clip:text;-webkit-background-clip:text}
body.sam-stats-login .stats-login-intro p{font-size:16px;max-width:460px;line-height:1.8;color:#adb8da;margin:0 0 34px}
body.sam-stats-login .stats-login-path{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
body.sam-stats-login .stats-login-path span{border:1px solid #69729d66;border-radius:9px;padding:8px 11px;color:#d3dbf2;font-size:12px;background:#ffffff08;font-weight:600}
body.sam-stats-login .stats-login-path b{color:#817ee8;font-weight:500}
body.sam-stats-login .stats-login-card{background:linear-gradient(150deg,#202344ed,#141a35ed);border:1px solid #8793c83a;
  box-shadow:0 30px 100px #0007,0 1px 0 #ffffff12 inset;border-radius:25px;padding:clamp(25px,4vw,44px);position:relative;overflow:hidden}
body.sam-stats-login .stats-login-card::before{content:"";height:3px;position:absolute;left:24%;right:24%;top:0;background:linear-gradient(90deg,transparent,#9d95ff,transparent)}
body.sam-stats-login .stats-card-symbol{height:53px;width:53px;background:#7772e426;border:1px solid #b2a6ff45;color:#b6adff;display:grid;place-items:center;border-radius:15px;margin-bottom:26px}
body.sam-stats-login .stats-card-symbol svg{width:25px;height:25px}
body.sam-stats-login .stats-card-kicker{font-size:10px;font-weight:800;letter-spacing:.18em;color:#9d9afb;margin-bottom:9px}
body.sam-stats-login .stats-login-card h2{font-size:29px;font-weight:750;letter-spacing:-.035em;line-height:1.2;margin:0 0 12px}
body.sam-stats-login .stats-card-subtitle{font-size:13px;line-height:1.7;color:#aab6d4;margin:0 0 30px}
body.sam-stats-login .stats-login-form{display:flex;flex-direction:column;gap:10px}
body.sam-stats-login .stats-login-form label{font-size:12px;font-weight:650;color:#d6dded}
body.sam-stats-login .stats-form-control{height:52px;border:1px solid #5b658c;border-radius:11px;background:#0a112d9c;display:flex;align-items:center;gap:12px;padding:0 15px;transition:border-color .2s,box-shadow .2s;margin-bottom:11px}
body.sam-stats-login .stats-form-control svg{width:19px;height:19px;color:#919cc4;flex:0 0 auto}
body.sam-stats-login .stats-form-control:focus-within{border-color:#9f93ff;box-shadow:0 0 0 3px #8f86ff27}
body.sam-stats-login .stats-form-control input{width:100%;border:0;outline:0;background:transparent!important;color:#f5f6ff!important;font-size:14px;font-family:inherit;line-height:1.4;padding:0;box-shadow:none!important}
body.sam-stats-login .stats-form-control input::placeholder{color:#7f8bad}
body.sam-stats-login .stats-form-control-readonly{background:#1d264668;border-color:#47537482}
body.sam-stats-login .stats-form-control-readonly input{color:#c0c9e3!important;cursor:default}
body.sam-stats-login .stats-login-submit{margin-top:6px;border:0;width:100%;min-height:55px;border-radius:11px;background:linear-gradient(100deg,#8073ed,#665cf0);
  box-shadow:0 12px 28px #6357e53b;color:#fff;font-family:inherit;font-size:14px;font-weight:750;display:flex;justify-content:space-between;align-items:center;padding:0 18px;cursor:pointer;transition:filter .2s,transform .2s}
body.sam-stats-login .stats-login-submit:hover{filter:brightness(1.12);transform:translateY(-1px)}
body.sam-stats-login .stats-login-submit:focus-visible{outline:3px solid #b4aeff;outline-offset:3px}
body.sam-stats-login .stats-login-submit span{font-size:22px;font-weight:400}
body.sam-stats-login .stats-card-foot{margin-top:26px;border-top:1px solid #ffffff19;padding-top:22px;display:flex;align-items:center;justify-content:center;gap:8px;color:#98a9cd;font-size:12px}
body.sam-stats-login .stats-card-foot svg{width:16px;height:16px;color:#7dc6af}
body.sam-stats-login .stats-login-footer{display:flex;justify-content:space-between;gap:16px;color:#7888ac;font-size:11px;border-top:1px solid #ffffff10;padding-top:20px}
@media(max-width:850px){body.sam-stats-login .stats-login-content{grid-template-columns:1fr;gap:36px;padding:54px 0}body.sam-stats-login .stats-login-intro h1{font-size:clamp(33px,7vw,46px)}body.sam-stats-login .stats-login-intro p{max-width:590px;margin-bottom:20px}body.sam-stats-login .stats-login-card{max-width:560px;width:100%;margin:auto}}
@media(max-width:520px){body.sam-stats-login .stats-login-shell{padding:20px 17px}body.sam-stats-login .stats-login-private{font-size:10px}body.sam-stats-login .stats-brand-text strong{font-size:16px}body.sam-stats-login .stats-login-content{padding:38px 0;gap:30px}body.sam-stats-login .stats-login-intro h1{font-size:36px}body.sam-stats-login .stats-login-intro p{font-size:14px}body.sam-stats-login .stats-login-card{padding:26px 23px}body.sam-stats-login .stats-login-footer{flex-direction:column;gap:4px;text-align:center}}


/* Phone Stats counter settings, scoped to controls and dashboard header */
.stats-counters-nav{display:inline-flex;align-items:center;justify-content:center;color:#a9d9e7;
 padding:9px 14px;border:1px solid #38546a;border-radius:10px;text-decoration:none;font-weight:650;font-size:13px}
.stats-counters-nav:hover{background:#183348;color:#fff}
.stats-counter-page{max-width:1020px;margin:30px auto;padding:0 22px 70px}
.stats-counter-page .counter-back{color:#9bcde2;text-decoration:none;font-size:13px}
.stats-counter-page h1{font-size:clamp(27px,4vw,40px);margin:12px 0 6px}
.stats-counter-page .counter-lead{color:#9bb3c3;line-height:1.7;margin-bottom:24px;max-width:750px}
.stats-counter-page .counter-panel{border-radius:18px;border:1px solid #304759;background:#142233;padding:26px;margin-bottom:18px}
.stats-counter-page .counter-panel h2{font-size:20px;margin:0 0 8px}
.stats-counter-page .counter-muted{color:#9bb3c3;font-size:13px;line-height:1.65}
.stats-counter-page .counter-setting{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:19px 0;border-top:1px solid #2d4558}
.stats-counter-page .counter-setting:first-of-type{border-top:0}
.stats-counter-page .counter-setting strong{display:block;margin-bottom:3px}
.stats-counter-page .counter-setting input[type=checkbox]{width:20px;height:20px;accent-color:#68cce4;cursor:pointer;flex-shrink:0}
.stats-counter-page .counter-field{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:12px}
.stats-counter-page .counter-field label{min-width:150px;font-size:13px}
.stats-counter-page .counter-field input{border:1px solid #456076;border-radius:9px;padding:10px 12px;min-width:170px;max-width:260px;color:#effbff;background:#091728;font:inherit}
.stats-counter-page .counter-submit{border:0;border-radius:10px;background:#37b5cc;color:#062633;font:700 14px inherit;padding:13px 22px;cursor:pointer}
.stats-counter-page .counter-submit:disabled{opacity:.5;cursor:wait}
.stats-counter-page .counter-status{font-size:13px;line-height:1.5;margin-top:15px}
.stats-counter-page .counter-status[data-type=error]{color:#ffa7a7}
.stats-counter-page .counter-status[data-type=success]{color:#80e0bd}
.stats-counter-page .counter-status[data-type=info]{color:#a9d9e7}
@media(max-width:600px){.stats-counter-page{padding:0 14px 30px}.stats-counter-page .counter-panel{padding:19px}.stats-counter-page .counter-setting{align-items:flex-start}}
