:root{color:#dce9f8;font-synthesis:none;--bg:#050b14;--panel:#0b1523;--line:#1b2b3d;--muted:#7f94aa;--cyan:#39d6ee;--violet:#9878ff;--green:#53df9c;--gold:#f5c962;background:#050b14;font-family:Inter,Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 70% 0,#102640 0,transparent 35%),var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}.centered{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:linear-gradient(145deg,#101d2d,#09111d);border-radius:24px;width:min(440px,100%);padding:42px;box-shadow:0 30px 80px #0008}.login-card h1{margin:26px 0 8px;font-size:32px}.login-card label{color:#b6c6d8;gap:8px;margin-top:28px;font-size:13px;font-weight:700;display:grid}.login-card input,.search,select{color:#eaf5ff;background:#07101b;border:1px solid #26384b;border-radius:10px;outline:none;padding:12px 14px}.login-card input:focus,.search:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #39d6ee16}.primary,.secondary{cursor:pointer;border:0;border-radius:10px;padding:13px 18px;font-weight:800}.primary{color:#03101a;background:linear-gradient(135deg,#26cde8,#4a82ff);width:100%;margin-top:20px}.primary:disabled{opacity:.45}.secondary{color:#dce9f8;background:#132337;border:1px solid #28415a}.form-error{color:#ff7c86;font-size:13px}.muted,.page-header p,.panel-head span{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;margin:0;font-size:10px;font-weight:800;color:var(--cyan)!important}.logo{align-items:center;gap:11px;display:flex}.logo>span{width:37px;height:37px;color:var(--cyan);background:#11283a;border:1px solid #37d7ef88;border-radius:10px;place-items:center;font-size:20px;font-weight:800;display:grid;box-shadow:inset 0 0 15px #25c9e526}.logo strong{letter-spacing:.13em;font-size:15px}.logo small{color:#758ba2;letter-spacing:.06em;font-size:9px;display:block}.admin-shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.sidebar{background:#07101b;border-right:1px solid #142438;flex-direction:column;height:100vh;padding:28px 18px;display:flex;position:sticky;top:0}.sidebar nav{gap:7px;margin-top:46px;display:grid}.sidebar nav button,.logout{color:#8096ac;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:12px 13px;font-weight:600}.sidebar nav button span{color:#526b82;width:28px;display:inline-block}.sidebar nav button.active{color:#eaf7ff;background:#112337}.sidebar nav button.active span{color:var(--cyan)}.logout{color:#71859a;margin-top:auto}.content{width:min(1400px,100%);padding:42px clamp(22px,4vw,64px);overflow:hidden}.page-header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px;display:flex}.page-header h1{letter-spacing:-.04em;margin:6px 0 2px;font-size:clamp(29px,4vw,43px)}.page-header p{margin:0}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.kpi{border:1px solid var(--line);background:linear-gradient(140deg,#0e1a29,#09121e);border-radius:15px;min-height:142px;padding:20px;position:relative;overflow:hidden}.kpi:after{content:"";filter:blur(50px);opacity:.18;background:currentColor;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-35px;right:-25px}.kpi>span{color:#8499af;font-size:12px}.kpi>strong{color:#edf7ff;margin:17px 0 4px;font-size:31px;display:block}.kpi small{color:currentColor;font-size:11px}.kpi.cyan{color:var(--cyan)}.kpi.violet{color:var(--violet)}.kpi.green{color:var(--green)}.kpi.gold{color:var(--gold)}.panel{border:1px solid var(--line);background:#0a1421;border-radius:15px;padding:20px}.panel-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.panel-head h2{margin:0;font-size:16px}.panel-head span{font-size:11px}.chart-panel{margin-bottom:14px}.chart{height:260px}.chart-bars{background:repeating-linear-gradient(0deg,#0000 0 51px,#17283a 52px);border-bottom:1px solid #223448;align-items:end;gap:5px;height:210px;display:flex}.bar-group{flex:1;justify-content:center;align-items:end;gap:2px;min-width:9px;height:100%;display:flex;position:relative}.bar{border-radius:3px 3px 0 0;width:35%;min-height:1px;display:block}.bar.sessions,.dot.sessions{background:var(--cyan)}.bar.visitors,.dot.visitors{background:var(--green)}.bar.matches,.dot.matches{background:var(--violet)}.bar-group small{color:#62778d;transform-origin:0;font-size:8px;position:absolute;top:calc(100% + 6px);transform:rotate(-35deg)}.legend{color:#8399ae;justify-content:flex-end;gap:20px;margin-top:32px;font-size:10px;display:flex}.legend span{align-items:center;gap:7px;display:flex}.dot{border-radius:50%;width:7px;height:7px}.split-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.metric-list{gap:0;margin:0;display:grid}.metric-list>div{border-bottom:1px solid #17273a;justify-content:space-between;padding:11px 0;display:flex}.metric-list>div:last-child{border:0}.metric-list dt{color:#8498ad;font-size:12px}.metric-list dd{margin:0;font-weight:700}.notice{color:#93abc0;background:#102238;border:1px solid #24425a;border-radius:9px;padding:12px 14px;font-size:11px;line-height:1.6}.notice.wide{margin-bottom:14px}.funnel-list{gap:4px;display:grid}.funnel-row{border-bottom:1px solid #152638;grid-template-columns:40px minmax(170px,1.2fr) minmax(120px,2fr) 70px 60px 150px;align-items:center;gap:14px;padding:13px 7px;display:grid}.funnel-row:last-child{border:0}.step-index{color:#4c657b;font-size:11px}.step-copy{display:grid}.step-copy strong{font-size:12px}.step-copy span,.step-conversion{color:#6f879d;font-size:9px}.funnel-track{background:#132536;border-radius:99px;height:6px;overflow:hidden}.funnel-track i{background:linear-gradient(90deg,var(--cyan),var(--violet));border-radius:99px;height:100%;display:block}.step-count{text-align:right}.step-percent{color:var(--cyan);text-align:right;font-size:11px}.toolbar{gap:10px;margin-bottom:14px;display:flex}.search{flex:1;min-width:280px}.table-wrap{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%}th{color:#658096;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #213348;padding:12px;font-size:9px}td{border-bottom:1px solid #142538;padding:14px 12px;font-size:12px}tbody tr{cursor:pointer}tbody tr:hover{background:#0f2133}td strong,td small{display:block}td small{color:#6f8499;margin-top:4px;font-size:9px}.danger{color:#ff7a84!important}.progress{align-items:center;gap:8px;display:flex}.progress>span{background:#182a3c;border-radius:9px;width:72px;height:5px;display:block;overflow:hidden}.progress i{background:var(--cyan);height:100%;display:block}.pagination{justify-content:center;align-items:center;gap:12px;padding-top:18px;display:flex}.pagination button{color:#bcd0e3;background:#112134;border:1px solid #273b50;border-radius:8px;width:34px;height:30px}.pagination button:disabled{opacity:.3}.pagination span{color:#768da2;font-size:11px}.loading,.empty,.error-state{text-align:center;color:#7d93a8;place-content:center;gap:12px;min-height:220px;display:grid}.loading i{border:2px solid #27445a;border-top-color:var(--cyan);border-radius:50%;justify-self:center;width:28px;height:28px;animation:.8s linear infinite spin}.error-state strong{color:#ff8b94}.error-state span{font-size:12px}.compact .kpi{min-height:120px}.compact .kpi strong{font-size:25px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=950px){.admin-shell{grid-template-columns:72px 1fr}.sidebar{padding:24px 12px}.sidebar .logo strong,.sidebar nav button:not(.active),.sidebar nav button.active{font-size:0}.sidebar nav button span{width:auto;font-size:16px}.sidebar .logout{font-size:0}.sidebar .logout:before{content:"↪";font-size:18px}.kpi-grid{grid-template-columns:1fr 1fr}.funnel-row{grid-template-columns:32px minmax(160px,1fr) minmax(100px,1.5fr) 55px 50px}.step-conversion{display:none}}@media (width<=680px){.admin-shell{padding-bottom:70px;display:block}.sidebar{z-index:10;border:0;border-top:1px solid #24364a;flex-direction:row;align-items:center;width:100%;height:64px;padding:8px 15px;position:fixed;top:auto;bottom:0}.sidebar>.logo,.sidebar>.logout{display:none}.sidebar nav{justify-content:space-around;width:100%;margin:0;display:flex}.sidebar nav button,.sidebar nav button.active{justify-items:center;gap:2px;padding:6px 15px;font-size:9px;display:grid}.sidebar nav button span{font-size:17px}.content{padding:26px 14px}.page-header{align-items:start}.page-header h1{font-size:30px}.kpi-grid,.split-grid{grid-template-columns:1fr 1fr}.kpi{min-height:120px;padding:15px}.kpi>strong{font-size:24px}.funnel-row{grid-template-columns:26px minmax(130px,1fr) 52px 48px}.funnel-track{display:none}.toolbar{display:grid}.search{min-width:0}.table-wrap{padding:10px}.panel-head{display:grid}.chart{height:220px}.chart-bars{height:170px}.login-card{padding:28px}.split-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.loading i{animation:none}}