:root{--bg:#f5f7fb;--surface:#fff;--surface2:#f8f9fc;--text:#18202f;--muted:#718096;--line:#e5e9f0;--accent:#6d5dfc;--accent-soft:#eeeaff;--success:#22a06b;--shadow:0 8px 30px rgba(25,35,55,.06)}
html[data-theme="dark"]{--bg:#0f1117;--surface:#171a22;--surface2:#1d212b;--text:#f2f4f8;--muted:#9aa4b5;--line:#2a303c;--accent:#8a7dff;--accent-soft:#28233f;--success:#35c98b;--shadow:0 10px 35px rgba(0,0,0,.25)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body{transition:background .2s,color .2s}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:var(--surface);border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;z-index:20}.brand{padding:4px 12px 26px;font-weight:800;font-size:21px;letter-spacing:-.4px}.brand span{color:var(--accent)}.nav-section{margin:8px 0 8px;padding:0 12px;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em}.side-nav{display:grid;gap:4px}.side-nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:10px;color:var(--muted);text-decoration:none;font-size:14px;font-weight:600}.side-nav a:hover{background:var(--surface2);color:var(--text)}.side-nav a.active{background:var(--accent-soft);color:var(--accent)}.side-icon{width:20px;text-align:center;font-size:15px}.sidebar-spacer{flex:1}.theme-btn{border:1px solid var(--line);background:var(--surface2);color:var(--text);width:100%;padding:10px 12px;border-radius:10px;cursor:pointer;font-weight:600}.main{margin-left:240px;width:calc(100% - 240px);min-width:0}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:15}.topbar-title{font-size:18px;font-weight:750}.topbar-sub{font-size:12px;color:var(--muted);margin-top:2px}.top-actions{display:flex;align-items:center;gap:10px}.period-chip,.icon-btn{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:9px;padding:9px 12px;font-size:13px}.icon-btn{cursor:pointer}.page{padding:28px 30px 40px;max-width:1500px;margin:auto}.page-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.page-head h1{font-size:30px;letter-spacing:-.7px;margin:0 0 5px}.page-head p{margin:0;color:var(--muted);font-size:14px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.kpi{padding:19px}.kpi-label{font-size:13px;color:var(--muted)}.kpi-value{font-size:28px;font-weight:800;margin-top:8px;letter-spacing:-.5px}.kpi-note{font-size:12px;color:var(--success);margin-top:7px}.grid-2{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;margin-top:16px}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-title{font-size:15px;font-weight:750}.panel-muted{font-size:12px;color:var(--muted)}.fake-chart{height:260px;border-radius:10px;background:linear-gradient(180deg,transparent 0),repeating-linear-gradient(to bottom,transparent 0 51px,var(--line) 52px),linear-gradient(135deg,transparent 0 20%,rgba(109,93,252,.09) 21% 24%,transparent 25% 42%,rgba(109,93,252,.12) 43% 46%,transparent 47%);position:relative;overflow:hidden}.fake-chart:after{content:"";position:absolute;left:4%;right:3%;top:30%;height:42%;border-top:3px solid var(--accent);transform:skewY(-9deg);border-radius:50%}.rank-list{display:grid;gap:10px}.rank{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;padding:10px;border-radius:10px;background:var(--surface2)}.rank-num{color:var(--muted);font-weight:700}.rank-name{font-size:13px;font-weight:650}.rank-value{font-size:13px;font-weight:750}.report-preview{margin-top:16px}.report-table-wrap{overflow:auto}.report-mini{width:100%;border-collapse:collapse}.report-mini th,.report-mini td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:13px;white-space:nowrap}.report-mini th{color:var(--muted);font-weight:650}.group-row td{font-weight:750;background:var(--surface2)}.empty-note{padding:24px;color:var(--muted);font-size:13px}.mobile-menu{display:none}.app-content{min-height:calc(100vh - 70px)}
@media(max-width:1000px){.kpis{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media(max-width:720px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.mobile-menu{display:block}.topbar{padding:0 16px}.page{padding:22px 16px 32px}.kpis{grid-template-columns:1fr}.period-chip{display:none}}


/* SH_Reports theme variables */
:root{--app-bg:#f5f7fb;--card:#fff;--text:#171a21;--muted:#697386;--border:#e5e7eb;--input:#fff;--soft:#f3f5f9;--accent:#6f6cff;}
:root[data-theme="dark"]{--app-bg:#0f1117;--card:#181c24;--text:#f3f4f6;--muted:#9aa3b2;--border:#2b313d;--input:#12151c;--soft:#20252f;--accent:#8b7cff;}
body{background:var(--app-bg);color:var(--text);}

.user-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;padding:7px 10px;font-size:13px;font-weight:650;cursor:pointer;text-decoration:none}.user-avatar{width:25px;height:25px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:12px;font-weight:800}.user-chip[data-auth-logout]{border:1px solid var(--line)}
@media(max-width:720px){.user-chip{font-size:0;padding:7px}.user-chip .user-avatar{font-size:12px}}