:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080d18;--surface:#101827;--surface-2:#151f31;--line:#99afd22b;--text:#eef3fb;--muted:#8f9db5;--accent:#51ddd4;--accent-2:#8a93ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,select{font:inherit}button{cursor:pointer}.dashboard-shell{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#0b1220;flex-direction:column;height:100vh;padding:26px 18px;display:flex;position:sticky;top:0}.brand-row{align-items:center;gap:11px;padding:0 8px 30px;display:flex}.brand-row strong,.brand-row small{display:block}.brand-row small{color:var(--muted);margin-top:3px;font-size:10px}.brand-mark,.login-mark{background:linear-gradient(135deg, var(--accent), #7d9cff);color:#07111c;border-radius:9px;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.sidebar nav{gap:4px;display:grid}.sidebar nav a{color:var(--muted);border-radius:8px;padding:10px 11px;font-size:13px;text-decoration:none}.sidebar nav a:hover{color:var(--text);background:var(--surface-2)}.account-card{border-top:1px solid var(--line);margin-top:auto;padding:15px 10px 0}.account-card strong,.account-card span{display:block}.account-card span{color:var(--muted);overflow-wrap:anywhere;margin:4px 0 10px;font-size:10px}.account-card button,.secondary-button{color:var(--accent);background:0 0;border:0;padding:0;font-size:12px}.dashboard-content{width:100%;max-width:1600px;margin:0 auto;padding:34px clamp(22px,4vw,58px) 80px}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.eyebrow,.panel-kicker{color:var(--accent);letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:10px;font-weight:760}h1{letter-spacing:-.055em;margin:8px 0;font-size:clamp(30px,4vw,46px);line-height:1.02}.dashboard-header>div>p:last-child,.login-copy,.empty-state>p:last-child,.access-card>p{color:var(--muted)}.filter-form{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.filter-form select,.filter-form button{border:1px solid var(--line);min-height:38px;color:var(--text);background:var(--surface);border-radius:8px;padding:8px 11px}.filter-form button{color:#07111c;background:var(--accent);border:0;font-weight:700}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px;display:grid}.metric-card,.panel,.empty-state,.access-card,.login-card{border:1px solid var(--line);background:linear-gradient(145deg,#162134f0,#0d1524fa);border-radius:15px}.metric-card{min-height:130px;padding:18px}.metric-card p{color:var(--muted);margin:0;font-size:12px}.metric-card strong{letter-spacing:-.04em;margin:12px 0 5px;font-size:30px;display:block}.metric-card span{color:var(--accent);font-size:11px}.panel{min-width:0;padding:20px}.panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.panel-heading h2{margin:5px 0 0;font-size:17px}.panel-heading>span{color:var(--muted);font-size:10px}.trend-panel{margin-bottom:18px}.trend-chart{border-block:1px solid var(--line);align-items:end;gap:4px;height:190px;padding:14px 4px 0;display:flex;overflow:hidden}.trend-column{flex:1;align-items:end;min-width:3px;height:100%;display:flex}.trend-column span{background:linear-gradient(180deg, var(--accent), #307b9a);border-radius:4px 4px 1px 1px;width:100%;min-height:2px}.two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.funnel-list{gap:16px;margin:0;padding:0;list-style:none;display:grid}.funnel-label{color:var(--muted);justify-content:space-between;gap:14px;margin-bottom:7px;font-size:11px;display:flex}.funnel-label span:first-child{color:var(--text);font-weight:650}.funnel-track{background:#ffffff0e;border-radius:999px;height:8px;overflow:hidden}.funnel-track span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;display:block}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11px}th{color:var(--muted);text-align:right;border-bottom:1px solid var(--line);padding:9px 7px;font-weight:550}th:first-child,td:first-child{text-align:left}td{text-align:right;border-bottom:1px solid var(--line);padding:11px 7px}td strong,td small{display:block}td small{color:var(--muted);margin-top:3px}.event-list{max-height:380px;overflow:auto}.event-list article{border-bottom:1px solid var(--line);grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;display:grid}.event-list strong,.event-list small{font-size:11px;display:block}.event-list small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;overflow:hidden}.event-list time{color:var(--muted);font-size:9px}.event-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #51ddd48c}.empty-state{text-align:center;padding:60px}.empty-state h1,.empty-state>p:last-child{max-width:620px;margin-inline:auto}.login-shell,.access-shell{background:radial-gradient(circle at 70% 0, #535fe62e, transparent 36rem), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card,.access-card{width:min(100%,480px);padding:clamp(28px,6vw,54px)}.login-mark{margin-bottom:24px}.login-card h1,.access-card h1{margin:10px 0 14px;font-size:clamp(34px,7vw,52px)}.login-copy{line-height:1.65}.login-error{color:#ffc0c0;background:#801f2b2e;border:1px solid #ff7a7a59;border-radius:8px;padding:11px 13px;font-size:12px}.wapitee-button{background:#fff;border:1px solid #d8d4ce;border-radius:10px;justify-content:center;align-items:center;width:100%;height:48px;margin-top:26px;display:flex}.login-footnote{color:var(--muted);text-align:center;margin:15px 0 0;font-size:10px}.secondary-button{margin-top:18px}@media (max-width:980px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column{grid-template-columns:1fr}}@media (max-width:720px){.dashboard-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);width:100%;height:auto;position:static}.sidebar nav{grid-template-columns:repeat(3,1fr)}.account-card{margin-top:20px}.dashboard-header{display:block}.filter-form{flex-wrap:wrap;margin-top:20px}}@media (max-width:520px){.metrics-grid{grid-template-columns:1fr}.dashboard-content{padding-inline:16px}.sidebar nav{grid-template-columns:repeat(2,1fr)}.empty-state{padding:30px 20px}}