:root{--a2-red:#ff4d4d;--a2-green:#43d88f;--a2-amber:#f5b942;--a2-blue:#7aa7ff;--a2-panel:color-mix(in srgb,var(--bg-2,#101318) 92%,transparent);--a2-line:color-mix(in srgb,var(--ink,#fff) 12%,transparent)}
.a2-main{width:min(1540px,calc(100% - 40px));margin:0 auto;padding:54px 0 90px}.a2-hero{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:26px}.a2-kicker,.a2-eyebrow{text-transform:uppercase;letter-spacing:.14em;font:700 11px/1.3 var(--mono);color:var(--muted)}.a2-kicker{display:flex;align-items:center;gap:8px;margin:0 0 12px}.a2-live-dot,.a2-status-dot{width:8px;height:8px;border-radius:50%;background:var(--a2-green);box-shadow:0 0 0 4px color-mix(in srgb,var(--a2-green) 16%,transparent)}.a2-hero h1{font:800 clamp(32px,5vw,68px)/.94 var(--mono);letter-spacing:-.07em;margin:0;max-width:950px}.a2-sub{max-width:720px;color:var(--muted);font-size:15px;margin:18px 0 0}.a2-controls{display:flex;align-items:end;gap:8px;flex-wrap:wrap;justify-content:flex-end}.a2-controls label{display:grid;gap:6px}.a2-controls label>span{font:600 10px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.a2-controls select,.a2-custom input{height:42px;min-width:170px;border:1px solid var(--a2-line);border-radius:8px;background:var(--a2-panel);color:var(--ink);font:600 12px var(--mono);padding:0 34px 0 12px}.a2-icon-btn,.a2-custom button{height:42px;border-radius:8px;border:1px solid var(--a2-line);background:var(--a2-panel);color:var(--ink);font:700 18px var(--mono);padding:0 14px;cursor:pointer}.a2-icon-btn:hover,.a2-custom button:hover{border-color:var(--a2-red)}.a2-custom{display:flex;justify-content:flex-end;gap:10px;align-items:end;margin:-12px 0 20px}.a2-custom label{display:grid;gap:5px;font:600 10px var(--mono);color:var(--muted);text-transform:uppercase}
.a2-connection{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;margin-bottom:14px;border:1px solid var(--a2-line);border-radius:10px;background:linear-gradient(110deg,color-mix(in srgb,var(--a2-green) 7%,var(--a2-panel)),var(--a2-panel))}.a2-connection>div{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:11px}.a2-connection strong{font:700 13px var(--mono)}.a2-connection p{grid-column:2;margin:3px 0 0;color:var(--muted);font-size:12px}.a2-connection.disconnected{background:linear-gradient(110deg,color-mix(in srgb,var(--a2-amber) 9%,var(--a2-panel)),var(--a2-panel))}.a2-connection.disconnected .a2-status-dot{background:var(--a2-amber);box-shadow:0 0 0 4px color-mix(in srgb,var(--a2-amber) 16%,transparent)}.a2-connection button{border:0;background:transparent;color:var(--ink);font:700 11px var(--mono);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.a2-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:10px}.a2-kpi{position:relative;min-height:142px;text-align:left;border:1px solid var(--a2-line);border-radius:10px;background:var(--a2-panel);color:var(--ink);padding:18px;cursor:pointer;overflow:hidden;transition:transform .18s,border-color .18s}.a2-kpi:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--a2-red) 55%,var(--a2-line))}.a2-kpi:after{content:'↗';position:absolute;right:14px;top:13px;color:var(--muted);font:500 14px var(--mono)}.a2-kpi-label{font:600 10px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.a2-kpi-value{display:block;font:800 clamp(22px,2.2vw,36px)/1 var(--mono);letter-spacing:-.06em;margin:20px 0 13px}.a2-delta{font:700 11px var(--mono);color:var(--muted)}.a2-delta.up{color:var(--a2-green)}.a2-delta.down{color:var(--a2-red)}
.a2-grid{display:grid;gap:10px}.a2-grid-main{grid-template-columns:minmax(0,1.8fr) minmax(320px,.8fr)}.a2-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.a2-panel{border:1px solid var(--a2-line);border-radius:10px;background:var(--a2-panel);padding:20px;min-width:0}.a2-panel-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.a2-panel h2,.a2-drawer h2,.a2-dialog h2{font:700 17px/1.2 var(--mono);letter-spacing:-.03em;margin:4px 0 0}.a2-eyebrow{margin:0}.a2-chart-panel{min-height:410px}.a2-chart{height:315px;width:100%;overflow:hidden}.a2-chart svg{width:100%;height:100%;overflow:visible}.a2-gridline{stroke:var(--a2-line);stroke-width:1}.a2-axis-label{fill:var(--muted);font:10px var(--mono)}.a2-line-players{fill:none;stroke:var(--ink);stroke-width:2}.a2-line-revenue{fill:none;stroke:var(--a2-red);stroke-width:2}.a2-area-revenue{fill:url(#a2red);opacity:.18}.a2-point{fill:var(--bg);stroke-width:2}.a2-point.player{stroke:var(--ink)}.a2-point.revenue{stroke:var(--a2-red)}.a2-legend{display:flex;gap:16px;font:600 10px var(--mono);color:var(--muted)}.a2-legend span{display:flex;gap:7px;align-items:center}.a2-legend i{display:block;width:15px;height:2px}.a2-legend i.players{background:var(--ink)}.a2-legend i.revenue{background:var(--a2-red)}.a2-empty{height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);gap:7px}.a2-empty strong{color:var(--ink);font:700 13px var(--mono)}.a2-local-badge{border:1px solid color-mix(in srgb,var(--a2-green) 35%,var(--a2-line));border-radius:99px;padding:5px 8px;color:var(--a2-green);font:700 9px var(--mono);white-space:nowrap}.a2-insights{display:grid;gap:9px}.a2-insight{border-left:2px solid var(--a2-blue);padding:10px 11px;background:color-mix(in srgb,var(--ink) 3%,transparent)}.a2-insight.warning{border-color:var(--a2-amber)}.a2-insight.critical{border-color:var(--a2-red)}.a2-insight.positive{border-color:var(--a2-green)}.a2-insight.setup{border-color:var(--a2-blue)}.a2-insight strong{display:block;font:700 12px var(--mono);margin-bottom:6px}.a2-insight p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}.a2-insight button{border:0;background:none;padding:7px 0 0;color:var(--ink);font:700 10px var(--mono);cursor:pointer}
.a2-tabs{display:flex;gap:4px;overflow:auto;margin:32px 0 10px;padding-bottom:2px}.a2-tabs button{white-space:nowrap;border:1px solid var(--a2-line);border-radius:7px;background:transparent;color:var(--muted);font:700 11px var(--mono);padding:10px 13px;cursor:pointer}.a2-tabs button.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.a2-tab{display:none}.a2-tab.active{display:block}.a2-bars{display:grid;gap:12px;min-height:70px}.a2-bar-row{display:grid;grid-template-columns:minmax(70px,1fr) 2fr auto;align-items:center;gap:10px;font:600 11px var(--mono)}.a2-bar-row>span:first-child{overflow:hidden;text-overflow:ellipsis}.a2-bar-track{height:5px;border-radius:5px;background:var(--a2-line);overflow:hidden}.a2-bar-fill{height:100%;border-radius:5px;background:var(--a2-red)}.a2-bar-row small{color:var(--muted)}.a2-table{display:grid;gap:0}.a2-table-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;padding:10px 0;border-bottom:1px solid var(--a2-line);font:600 11px var(--mono)}.a2-table-row:last-child{border-bottom:0}.a2-table-row span:first-child{overflow:hidden;text-overflow:ellipsis}.a2-table-row small{color:var(--muted)}.a2-retention{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.a2-retention>div{border:1px solid var(--a2-line);border-radius:8px;padding:17px}.a2-retention span{display:block;color:var(--muted);font:600 10px var(--mono);text-transform:uppercase}.a2-retention strong{display:block;font:800 28px var(--mono);margin-top:13px}.a2-copy{color:var(--muted);font-size:13px;line-height:1.7}.a2-stat-list{display:grid;gap:0}.a2-stat{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--a2-line);font:600 11px var(--mono)}.a2-stat span{color:var(--muted)}.a2-perf-value{font:800 30px var(--mono);margin:24px 0 8px}.a2-updated{text-align:right;color:var(--muted);font:500 10px var(--mono);margin:16px 0 0}.a2-gate{min-height:55vh;display:flex;flex-direction:column;justify-content:center}.a2-gate h1{font:800 40px var(--mono)}
.a2-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(3px);z-index:90}.a2-drawer{position:fixed;right:0;top:0;bottom:0;width:min(520px,100%);z-index:91;background:var(--bg,#080a0d);border-left:1px solid var(--a2-line);padding:28px;transform:translateX(101%);transition:transform .24s ease;overflow:auto}.a2-drawer.open{transform:none}.a2-drawer>header,.a2-dialog header{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid var(--a2-line)}.a2-drawer header button,.a2-dialog header button{border:0;background:none;color:var(--ink);font:300 30px var(--mono);cursor:pointer}.a2-detail-value{font:800 48px var(--mono);letter-spacing:-.06em;margin:40px 0 10px}.a2-detail-delta{font:700 12px var(--mono);color:var(--muted)}.a2-detail-block{margin-top:30px;padding-top:22px;border-top:1px solid var(--a2-line)}.a2-detail-block h3{font:700 12px var(--mono);text-transform:uppercase;letter-spacing:.08em}.a2-detail-block p{color:var(--muted);font-size:13px;line-height:1.65}.a2-dialog{width:min(680px,calc(100% - 32px));border:1px solid var(--a2-line);border-radius:12px;background:var(--bg,#080a0d);color:var(--ink);padding:0;box-shadow:0 30px 100px rgba(0,0,0,.6)}.a2-dialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}.a2-dialog form{padding:24px}.a2-dialog-body{padding-top:20px;color:var(--muted);font-size:13px;line-height:1.7}.a2-dialog li{margin:8px 0}.a2-dialog code{color:var(--ink);background:var(--a2-line);padding:2px 5px;border-radius:4px}.a2-link{color:var(--ink);font:700 11px var(--mono)}
@media(max-width:1100px){.a2-kpis{grid-template-columns:repeat(3,1fr)}.a2-grid-main,.a2-grid-3{grid-template-columns:1fr}.a2-agent{min-height:0}.a2-chart-panel{min-height:360px}}
@media(max-width:700px){.a2-main{width:min(100% - 24px,1540px);padding-top:30px}.a2-hero{align-items:stretch;flex-direction:column}.a2-controls{justify-content:stretch}.a2-controls label{flex:1}.a2-controls select{width:100%;min-width:0}.a2-kpis{grid-template-columns:repeat(2,1fr)}.a2-kpi{min-height:125px;padding:14px}.a2-retention{grid-template-columns:repeat(2,1fr)}.a2-connection{align-items:flex-start}.a2-connection button{white-space:nowrap}.a2-custom{justify-content:stretch;flex-wrap:wrap}.a2-drawer{padding:20px}}
@media(max-width:420px){.a2-kpis{grid-template-columns:1fr}.a2-kpi{min-height:112px}.a2-kpi-value{margin:15px 0 10px}.a2-retention{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.a2-kpi,.a2-drawer{transition:none}}