:root{--bg:#020203;--bg-2:#07070a;--surface:#0a0b10;--surface-2:#11131a;--surface-3:#171a22;--line:#ffffff1a;--line-strong:#ffffff29;--text:#f8f8fb;--muted:#a1a1aa;--muted-2:#71717a;--white-soft:#f8f8fbdb;--pink:#ff2d73;--pink-2:#bc1d5c;--blue:#3b82f6;--green:#2ee59d;--purple:#8b5cf6;--red:#ff5a72;--amber:#f8bc4a;--shadow:0 24px 80px #0000006b}*{box-sizing:border-box}html,body{min-height:100%}html{scrollbar-color:#ffffffb8 #ffffff09;scrollbar-width:thin}body{background:linear-gradient(110deg, #020203 0%, #030306 58%, #ff2d7314 100%), var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{scrollbar-color:#ffffffa8 transparent;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffffad padding-box padding-box;border:3px solid #0000;border-radius:999px;min-height:42px}::-webkit-scrollbar-thumb:hover{background:#ffffffe6 padding-box padding-box}::-webkit-scrollbar-corner{background:0 0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.64}h1,h2,p{margin:0}.console-shell{grid-template-columns:272px minmax(0,1fr);width:100%;min-height:100vh;display:grid}.console-shell.is-centered,.login-shell{grid-template-columns:1fr;place-items:center;padding:28px;display:grid}.console-sidebar{border-right:1px solid var(--line);background:#020203eb;flex-direction:column;gap:26px;height:100vh;padding:26px 20px;display:flex;position:sticky;top:0}.console-brand{justify-content:center;align-items:center;gap:12px;min-height:54px;text-decoration:none;display:flex}.sidebar-logo{object-fit:contain;filter:drop-shadow(0 12px 26px #0000008a);width:172px;height:auto}.brand-mark{width:42px;height:42px;color:var(--pink);background:#ff2d731f;border:1px solid #ff2d7385;border-radius:8px;place-items:center;font-weight:950;display:grid}.console-brand strong,.console-brand span{display:block}.console-brand strong{font-size:1.05rem}.console-brand span{color:var(--muted);font-size:.82rem}.side-nav{gap:12px;display:grid}.side-nav a{color:var(--muted);border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:12px 18px 12px 10px;text-decoration:none;transition:color .16s,background .16s,border-color .16s;display:flex;position:relative}.side-nav a svg{flex:none}.side-nav a:hover{border-color:var(--line);color:var(--text);background:#ffffff0b}.side-nav a.active,.side-nav a[aria-current=page]{color:var(--text);background:0 0;border-color:#0000}.side-nav a.active:after,.side-nav a[aria-current=page]:after{content:"";background:#fff;border-radius:99px;width:3px;height:calc(100% - 18px);position:absolute;top:9px;right:0;box-shadow:0 0 18px #ffffff7a}.sidebar-logout{border:1px solid var(--line);color:var(--muted);background:#ffffff09;border-radius:8px;justify-content:center;align-items:center;gap:9px;margin-top:auto;padding:12px 14px;font-weight:850;display:inline-flex}.sidebar-logout:hover{color:var(--text);background:#ff2d731a;border-color:#ff2d736b}.console-main{width:min(1560px,100%);margin:0 auto;padding:30px 34px 56px}.boot-card{border:1px solid var(--line);width:min(460px,100%);box-shadow:var(--shadow);color:var(--muted);background:#0a0b10f5;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:28px;display:flex}.login-panel{justify-items:center;gap:22px;width:min(430px,100%);display:grid}.login-logo{object-fit:contain;filter:drop-shadow(0 18px 36px #0000009e);width:min(430px,92vw);height:auto}.eyebrow{color:var(--white-soft);letter-spacing:0;text-transform:uppercase;font-size:.72rem;font-weight:900;display:inline-flex}.login-card{border:1px solid var(--line-strong);width:100%;box-shadow:var(--shadow);background:#0c0e1af0;border-radius:8px;gap:18px;padding:18px;display:grid}.login-card label{gap:8px;display:grid}.login-card label span{color:#d6def4;text-transform:uppercase;font-size:.78rem;font-weight:900}.login-card input{width:100%;color:var(--text);background:#08090f;border:1px solid #ffffff2e;border-radius:8px;outline:none;padding:14px 16px}.login-card input::placeholder{color:#8992ad;font-weight:750}.login-card input:focus{border-color:#2ee59db8;box-shadow:0 0 0 3px #2ee59d21}.password-field{position:relative}.password-field input{padding-right:50px}.password-toggle{width:34px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-toggle:hover{color:var(--text);background:#ffffff0f}.login-submit{background:var(--pink);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:14px 16px;font-weight:900;display:inline-flex}.form-error,.inline-alert{color:#ffd9de;background:#ff5a721c;border:1px solid #ff5a7270;border-radius:8px;padding:12px 14px}.inline-alert{margin-bottom:18px}.section-block{border-top:1px solid var(--line);padding:0 0 28px}.section-block:first-of-type{border-top:0;padding-top:0}.section-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.section-header span{color:var(--pink);text-transform:uppercase;font-size:.72rem;font-weight:900}.section-header h2{margin-top:5px;font-size:1.18rem}.section-header small{color:var(--muted-2);font-size:.84rem}.stat-grid,.activity-grid,.dashboard-grid,.roadmap-grid{gap:12px;display:grid}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.activity-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:12px}.dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}.overview-live-grid,.overview-snapshot{margin-top:12px}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-7{grid-column:span 7}.span-12{grid-column:1/-1}.stat-card,.activity-tile,.panel,.roadmap-card{border:1px solid var(--line);background:radial-gradient(circle at 18% 0,#ffffff0b,#0000 34%),linear-gradient(#11131aeb,#08090df0);border-radius:8px;box-shadow:0 16px 50px #0003}.stat-card{gap:8px;min-height:132px;padding:16px;display:grid}.stat-icon{width:34px;height:34px;color:var(--white-soft);background:#ffffff13;border-radius:8px;place-items:center;display:grid}.stat-card span,.activity-tile span,.metric-copy span,.event-row span,.variant-card span,.variant-card small,td span{color:var(--muted)}.stat-card strong{font-size:2.05rem;line-height:1}.stat-card small{color:var(--muted-2)}.activity-tile{background:var(--surface-2);gap:8px;min-height:88px;padding:14px;display:grid}.activity-tile strong{font-size:1.55rem}.activity-tile.positive strong{color:var(--green)}.activity-tile.negative strong{color:var(--red)}.panel{padding:16px;position:relative;overflow:hidden}.panel:before{border-radius:inherit;content:"";pointer-events:none;background:linear-gradient(90deg,#ffffff0e,#0000 34%),radial-gradient(circle at 88% 12%,#2ee59d0f,#0000 28%);position:absolute;inset:0}.panel>*{z-index:1;position:relative}.live-panel{min-height:410px}.panel-tall{max-height:600px;overflow:hidden}.panel-tall .metric-list{max-height:532px;padding-right:3px;overflow:auto}.panel-header{margin-bottom:14px}.panel-title{color:var(--white-soft);align-items:center;gap:10px;display:flex}.panel h2{color:var(--text);font-size:1rem}.chart-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.chart-metrics div{background:#ffffff08;border:1px solid #ffffff12;border-radius:8px;min-width:0;padding:10px}.chart-metrics span,.balance-copy span,.mix-row span,.overview-bar-row span,.signal-preview-row span{color:var(--muted);font-size:.82rem}.chart-metrics strong{margin-top:4px;font-size:1.3rem;display:block}.pulse-card{gap:14px;display:grid}.chart-frame{background:radial-gradient(circle at 68% 28%,#2ee59d14,#0000 32%),#ffffff05;border:1px solid #ffffff0e;border-radius:8px;width:100%}.pulse-chart-frame{height:272px;padding:8px 4px 2px}.bar-chart-frame{height:256px;padding:8px 0 2px}.recharts-wrapper,.recharts-surface{overflow:visible}.recharts-wrapper text{font-family:inherit}.chart-tooltip{min-width:150px;color:var(--text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07080ceb;border:1px solid #ffffff24;border-radius:8px;gap:7px;padding:10px 12px;display:grid;box-shadow:0 18px 45px #0000006b}.chart-tooltip strong{font-size:.82rem}.chart-tooltip span{color:var(--muted);justify-content:space-between;align-items:center;gap:14px;font-size:.78rem;display:flex}.chart-tooltip small{color:var(--muted-2);font-size:.74rem}.chart-tooltip i{border-radius:99px;flex:none;width:7px;height:7px}.chart-grid-line{stroke:#ffffff13;stroke-width:1px}.pulse-area{fill:url(#pulseArea);opacity:0;animation:.7s forwards fade-up}.pulse-line{fill:none;stroke:url(#pulseLine);stroke-dasharray:1;stroke-dashoffset:1px;stroke-linecap:round;stroke-linejoin:round;stroke-width:5px;animation:.95s .12s forwards draw-line}.pulse-node-glow{fill:#ffffff21;opacity:0;transform-box:fill-box;transform-origin:50%;animation:.44s forwards pop-node;transform:scale(.4)}.pulse-node{fill:#f8f8fb;stroke:#2ee59dd1;stroke-width:3px;opacity:0;transform-box:fill-box;transform-origin:50%;animation:.44s .14s forwards pop-node;transform:scale(.4)}.chart-label{fill:var(--muted-2);text-anchor:middle;text-transform:uppercase;font-size:.78rem}.signal-balance{grid-template-columns:220px minmax(0,1fr);align-items:center;gap:22px;min-height:276px;display:grid}.donut-chart-shell{filter:drop-shadow(0 22px 42px #2ee59d14);width:220px;height:220px;position:relative}.donut-center{text-align:center;background:radial-gradient(circle at 50% 20%,#ffffff12,#0000 48%),#050508;border:1px solid #ffffff14;border-radius:50%;place-items:center;width:112px;height:112px;display:grid;position:absolute;inset:50%;transform:translate(-50%,-50%)}.donut-center strong{font-size:2.15rem;line-height:1}.donut-center span{color:var(--muted);font-size:.78rem;font-weight:800}.balance-copy{gap:12px;display:grid}.balance-copy div{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.balance-copy strong{font-size:1rem}.balance-copy p{color:var(--muted-2);line-height:1.55}.legend-dot{border-radius:99px;width:9px;height:9px}.legend-dot.positive{background:var(--green)}.legend-dot.negative{background:var(--pink)}.overview-bars,.mix-list,.signal-preview-list{gap:13px;display:grid}.overview-bar-row,.mix-row,.signal-preview-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;display:grid}.overview-bar-row strong,.mix-row strong,.signal-preview-row strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.overview-bar-row small,.mix-row small,.signal-preview-row small{color:var(--text);font-weight:900}.mix-track{background:#ffffff13;border-radius:99px;grid-column:1/-1;height:7px;overflow:hidden}.mix-fill{border-radius:inherit;background:linear-gradient(90deg, var(--white-soft), var(--green));transform-origin:0;height:100%;animation:.78s both grow-x;display:block}.mix-fill.pink{background:linear-gradient(90deg, var(--pink), #ff7aa8)}.mix-fill.green{background:linear-gradient(90deg, var(--green), #b6ffdb)}.mix-fill.negative{background:linear-gradient(90deg, var(--amber), var(--red));transform-origin:100%;margin-left:auto}.metric-list,.variant-list{gap:9px;margin:0;display:grid}.metric-row,.event-row{background:#ffffff09;border:1px solid #ffffff13;border-radius:8px;grid-template-columns:minmax(0,1fr) 170px;align-items:center;gap:12px;padding:11px;display:grid}.metric-copy,.event-row>div:first-child{gap:4px;min-width:0;display:grid}.metric-copy strong,.event-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.metric-score{text-align:right;gap:7px;display:grid}.bar-track{background:#ffffff14;border-radius:99px;width:100%;height:6px;overflow:hidden}.bar{border-radius:inherit;background:linear-gradient(90deg, var(--white-soft), var(--green));height:100%}.bar.negative{background:linear-gradient(90deg, var(--amber), var(--red));margin-left:auto}.variant-list{grid-template-columns:repeat(2,minmax(0,1fr))}.variant-card{background:#ffffff09;border:1px solid #ffffff13;border-radius:8px;gap:6px;padding:14px;display:grid}.roadmap-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ads-roadmap{margin-top:12px}.roadmap-card{color:var(--muted);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:16px;line-height:1.5;display:grid}.roadmap-card svg{color:var(--pink);margin-top:2px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:780px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff13;padding:12px 10px}th{color:var(--muted);text-transform:uppercase;font-size:.74rem}td{color:#e6e6ec}td strong,td span{display:block}.positive-text{color:var(--green);font-weight:900}.negative-text{color:var(--red);font-weight:900}.empty-state{color:var(--muted);padding:22px 4px}@media (max-width:1180px){.console-shell{grid-template-columns:1fr}.console-sidebar{flex-direction:row;align-items:center;height:auto;padding:14px 18px;position:static}.side-nav{grid-auto-columns:max-content;grid-auto-flow:column;overflow-x:auto}.sidebar-logout{margin-top:0;margin-left:auto}.console-main{padding:24px 18px 44px}.stat-grid,.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.span-4,.span-5,.span-7{grid-column:1/-1}.signal-balance{grid-template-columns:1fr;justify-items:center}.roadmap-grid{grid-template-columns:1fr}}@media (max-width:720px){.console-sidebar{flex-direction:column;align-items:flex-start}.side-nav{width:100%}.section-header{display:grid}.stat-grid,.activity-grid,.variant-list,.chart-metrics,.metric-row,.event-row{grid-template-columns:1fr}.metric-score{text-align:left}}@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes grow-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-node{to{opacity:1;transform:scale(1)}}@keyframes soft-pulse{0%,to{box-shadow:inset 0 0 24px #ffffff0d,0 0 34px #2ee59d1f}50%{box-shadow:inset 0 0 24px #ffffff12,0 0 48px #2ee59d2e}}
