:root{color-scheme:dark;--font-sans:"Outfit",system-ui,sans-serif;--font-mono:"JetBrains Mono",monospace;--bg-base:#080b10;--bg-primary:#10151c;--bg-surface:#111820;--bg-subtle-box:rgba(255,255,255,.035);--bg-hover:rgba(255,255,255,.06);--bg-active-pill:rgba(255,255,255,.08);--bg-card-solid:#111820;--bg-card:linear-gradient(180deg,#131a22,#10161e);--text-primary:#f5f4f0;--text-secondary:#b0bac6;--text-muted:#8794a4;--brand-accent:#5eead4;--brand-accent-soft:#99f6e4;--brand-amber:#e5c07b;--border-subtle:rgba(255,255,255,.09);--border-glass:rgba(255,255,255,.14);--border-accent:rgba(94,234,212,.3);--btn-secondary-bg:rgba(255,255,255,.04);--badge-teal-bg:rgba(94,234,212,.08);--badge-teal-border:rgba(94,234,212,.23);--badge-amber-bg:rgba(229,192,123,.08);--badge-amber-border:rgba(229,192,123,.22);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--shadow-bezel:0 18px 40px -30px #000}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg-base);color:var(--text-primary);font:15px/1.6 var(--font-sans);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline:2px solid var(--brand-accent);outline-offset:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:9px 16px;border:1px solid var(--border-glass);border-radius:8px;font:500 13px/1.4 var(--font-sans);background:var(--btn-secondary-bg);color:var(--text-primary)}.btn-primary{background:var(--text-primary);border-color:transparent;color:#0b1016}.btn-secondary:hover{background:var(--bg-hover)}.eyebrow{display:block;font:500 10px/1.6 var(--font-mono);letter-spacing:.15em;color:var(--brand-accent);margin-bottom:14px}.portal-brand{display:inline-flex;align-items:center;gap:13px;font-weight:700;letter-spacing:.13em;font-size:20px;line-height:1.2}.portal-brand img{height:34px;width:32px;object-fit:contain}.portal-brand small{display:block;font:10px/1.4 var(--font-mono);letter-spacing:.3em;color:var(--text-muted);margin-top:5px}.sign-in-page{max-width:1320px;margin:auto;padding:44px 52px;min-height:100svh;display:flex;flex-direction:column}.sign-in-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center;flex:1;padding:70px 0}.sign-in-intro h1{font-size:clamp(36px,4.5vw,60px);letter-spacing:-.045em;line-height:1.12;font-weight:500;margin:20px 0 24px}.sign-in-intro p{font-size:17px;line-height:1.9;color:var(--text-secondary)}.private-label{display:flex;align-items:center;gap:9px;color:var(--text-muted);font-size:12px;margin-top:42px}.private-label svg{color:var(--brand-accent)}.sign-in-card{background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:16px;padding:38px;max-width:450px;width:100%}.sign-in-card h2{font-size:28px;letter-spacing:-.03em;font-weight:500}.sign-in-card>p{font-size:13px;color:var(--text-secondary);margin:10px 0 24px}.sign-in-card form{display:flex;flex-direction:column}.sign-in-card label{font-size:13px;margin:14px 0 7px}.sign-in-card input{width:100%;padding:12px 14px;min-height:46px;border:1px solid var(--border-glass);background:var(--bg-base);border-radius:7px;color:var(--text-primary);font-size:16px}.sign-in-submit{width:100%;margin:24px 0 16px;justify-content:space-between;min-height:46px}.text-button{border:0;background:none;color:var(--text-secondary);font-size:12px;padding:6px 0}.text-button:hover{color:var(--brand-accent)}.sign-in-card>.access-note{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.7;margin:24px 0 0;padding-top:20px;border-top:1px solid var(--border-subtle);color:var(--text-muted)}.access-note svg{flex-shrink:0;margin-top:3px}.auth-alert{padding:12px 14px;border:1px solid var(--border-accent);background:var(--badge-teal-bg);color:var(--brand-accent);border-radius:8px;font-size:13px;margin:16px 0}.auth-alert.error{color:#f9a7a0;background:#f8717112;border-color:#f8717138}.sign-in-footer{display:flex;justify-content:space-between;gap:16px;color:var(--text-muted);font-size:11px;border-top:1px solid var(--border-subtle);padding-top:20px}.portal-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100svh}.portal-sidebar{position:sticky;top:0;height:100svh;border-right:1px solid var(--border-subtle);padding:30px 18px;display:flex;flex-direction:column;background:#0c1118}.portal-sidebar .portal-brand{margin:0 10px 48px;font-size:17px}.sidebar-caption{font:10px var(--font-mono);color:var(--text-muted);letter-spacing:.1em;margin:0 12px 14px}.portal-sidebar nav{display:flex;flex-direction:column;gap:5px}.portal-sidebar nav button{display:flex;align-items:center;gap:12px;padding:13px 12px;text-align:left;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:13px}.portal-sidebar nav button:hover{background:var(--bg-hover)}.portal-sidebar nav button[aria-current=page]{color:var(--brand-accent);background:var(--badge-teal-bg);border-color:var(--badge-teal-border)}.studio-site-link{display:flex;align-items:center;gap:10px;margin:24px 12px;color:var(--text-muted);font-size:12px}.portal-account{display:flex;align-items:center;gap:10px;margin-top:auto;padding:20px 4px 12px;border-top:1px solid var(--border-subtle);min-width:0;color:var(--brand-accent)}.portal-account>div{min-width:0}.portal-account strong,.portal-account span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-account strong{color:var(--text-primary);font-size:12px;font-weight:500}.portal-account span{font-size:11px;color:var(--text-muted)}.sign-out{display:flex;gap:10px;align-items:center;border:0;background:transparent;color:var(--text-secondary);padding:10px 4px;font-size:12px}.portal-workspace{min-width:0}.portal-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:70px;padding:18px 40px;border-bottom:1px solid var(--border-subtle);font:10px var(--font-mono);letter-spacing:.05em}.breadcrumb{color:var(--text-muted);margin-left:12px}.admin-indicator{display:flex;align-items:center;gap:7px;color:var(--brand-accent);white-space:nowrap}.data-state{padding:60px 40px;max-width:680px}.data-state h1{font-size:28px}.data-state p{margin:14px 0 24px;color:var(--text-secondary)}.services-view{padding:40px}.services-view h1{font-size:34px;letter-spacing:-.03em}.services-view>p{color:var(--text-secondary);margin:12px 0 36px;max-width:640px}.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.service-card{padding:28px;background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:12px}.service-card>svg{float:right;color:var(--brand-accent)}.service-card h2{font-size:20px;font-weight:500}.service-card p{font-size:13px;color:var(--text-secondary);margin:14px 0 24px}.service-card span{font:11px var(--font-mono);color:var(--text-muted)}.action-row{display:flex;gap:10px;flex-wrap:wrap}.updated-at{color:var(--text-muted);font-size:12px;margin-top:24px}.studio-badge{display:inline-flex;font:10px var(--font-mono);padding:4px 8px;border:1px solid var(--border-subtle);border-radius:5px;color:var(--text-secondary)}.spin-fast{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1000px){.sign-in-layout{gap:40px}.sign-in-page{padding:32px}.portal-shell{grid-template-columns:190px minmax(0,1fr)}.portal-sidebar{padding:24px 12px}.portal-topbar{padding:18px 24px}.breadcrumb{display:none}}@media(max-width:720px){.sign-in-page{padding:24px}.sign-in-layout{grid-template-columns:1fr;gap:36px;padding:44px 0}.sign-in-intro h1{font-size:38px}.sign-in-intro p{font-size:15px}.private-label{margin-top:22px}.sign-in-card{max-width:none;padding:26px}.sign-in-footer{flex-wrap:wrap}.portal-shell{display:block}.portal-sidebar{position:static;height:auto;padding:18px;border-right:0;border-bottom:1px solid var(--border-subtle);display:grid;grid-template-columns:1fr auto;gap:16px}.portal-sidebar .portal-brand{margin:0}.sidebar-caption,.studio-site-link,.portal-account{display:none}.portal-sidebar nav{grid-column:span 2;grid-row:2;flex-direction:row;gap:5px;overflow:auto}.portal-sidebar nav button{padding:12px 9px;white-space:nowrap;font-size:12px;gap:7px}.sign-out{grid-column:2;grid-row:1}.portal-topbar{min-height:50px;padding:14px 20px}.portal-topbar>span:first-child{font-size:9px}.admin-indicator{font-size:9px}.services-view,.data-state{padding:28px 20px}.services-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.analytics-view{padding:32px 40px 48px;display:flex;flex-direction:column}.analytics-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px;flex-wrap:wrap}.analytics-kicker{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.14em;color:var(--brand-accent);text-transform:uppercase;margin-bottom:6px}.analytics-title{font-size:28px;font-weight:800;letter-spacing:-.03em;margin-bottom:6px;color:var(--text-primary)}.analytics-subtitle{font-size:13.5px;color:var(--text-secondary)}.analytics-sender-pill{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:var(--radius-md);background:var(--badge-teal-bg);border:1px solid var(--badge-teal-border);font-size:12px;color:var(--text-secondary);font-family:var(--font-mono)}.analytics-notice-banner{padding:12px 16px;border-radius:var(--radius-md);background:var(--badge-teal-bg);border:1px solid var(--badge-teal-border);font-size:12px;color:var(--text-primary);margin-bottom:22px;line-height:1.5}.analytics-timeframe-pills{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:var(--radius-md);background:var(--bg-subtle-box);border:1px solid var(--border-subtle)}.analytics-timeframe-pill{height:30px;padding:0 12px;border-radius:7px;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:all .16s ease;display:inline-flex;align-items:center;gap:6px}.analytics-timeframe-pill:hover{color:var(--text-primary)}.analytics-timeframe-pill.active{background:var(--bg-card-solid);color:var(--brand-accent);border-color:var(--badge-teal-border);box-shadow:0 2px 8px #0000001f}.analytics-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.analytics-kpi-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-bezel)}.analytics-kpi-top{display:flex;align-items:center;justify-content:space-between}.analytics-kpi-label{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.analytics-kpi-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center}.analytics-kpi-icon.cyan,.analytics-kpi-icon.green{background:var(--badge-teal-bg);color:var(--brand-accent);border:1px solid var(--badge-teal-border)}.analytics-kpi-icon.magenta{background:var(--badge-amber-bg);color:var(--brand-amber);border:1px solid var(--badge-amber-border)}.analytics-kpi-value{font-size:30px;font-weight:800;font-family:var(--font-mono);color:var(--text-primary);display:flex;align-items:center;gap:10px}.analytics-live-dot{font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;background:var(--badge-teal-bg);color:var(--brand-accent);border:1px solid var(--badge-teal-border)}.analytics-kpi-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:11.5px;color:var(--text-muted)}.analytics-trend-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:22px 24px;margin-bottom:22px;box-shadow:var(--shadow-bezel)}.analytics-trend-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.analytics-period-summary-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.analytics-period-summary-box{padding:12px 14px;border-radius:var(--radius-md);background:var(--bg-subtle-box);border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:4px}.analytics-period-summary-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.analytics-period-summary-val{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--text-primary)}.analytics-bar-chart{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(38px,1fr);gap:10px;align-items:end;height:168px;padding:18px 8px 6px;border-bottom:1px solid var(--border-subtle);overflow-x:auto}.analytics-bar-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:8px;position:relative}.analytics-bar-count{font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--text-secondary)}.analytics-bar-stack{width:100%;max-width:34px;border-radius:6px 6px 2px 2px;overflow:hidden;display:flex;flex-direction:column-reverse;background:var(--bg-subtle-box);border:1px solid var(--border-subtle);transition:transform .15s ease,border-color .15s ease}.analytics-bar-col:hover .analytics-bar-stack{transform:translateY(-2px);border-color:var(--brand-accent)}.analytics-bar-segment.web{background:var(--brand-accent);width:100%;transition:height .25s ease}.analytics-bar-segment.launcher{background:var(--brand-amber);width:100%;transition:height .25s ease}.analytics-bar-label{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);white-space:nowrap}.analytics-legend{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:12px;font-size:11.5px;color:var(--text-secondary)}.analytics-legend-item{display:inline-flex;align-items:center;gap:6px}.analytics-legend-Swatch{width:10px;height:10px;border-radius:3px}.analytics-two-col{display:grid;grid-template-columns:1.45fr 1fr;gap:20px}.analytics-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-bezel)}.analytics-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.analytics-panel-header-left{display:flex;align-items:center;gap:8px}.analytics-panel-header h3{font-size:15px;font-weight:700;color:var(--text-primary)}.analytics-table-wrap{overflow-x:auto}.analytics-table{width:100%;border-collapse:collapse;font-size:13px}.analytics-table th{text-align:left;font-family:var(--font-mono);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:10px 12px;border-bottom:1px solid var(--border-subtle)}.analytics-table td{padding:12px;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.analytics-os-list{display:flex;flex-direction:column;gap:14px}.analytics-bar-track{width:100%;height:8px;border-radius:999px;background:var(--bg-subtle-box);border:1px solid var(--border-subtle);overflow:hidden}.analytics-bar-fill{height:100%;border-radius:999px;background:var(--brand-accent)}.role-pill{display:inline-block;font-family:var(--font-mono);padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.05em}.role-pill.admin{background:var(--badge-teal-bg);color:var(--brand-accent);border:1px solid var(--badge-teal-border)}.role-pill.player{background:var(--btn-secondary-bg);color:var(--text-secondary);border:1px solid var(--border-subtle)}.verified-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600}.verified-pill.yes{color:var(--brand-accent)}.verified-pill.no{color:var(--brand-amber)}.mono{font-family:var(--font-mono)}@media(max-width:1100px){.analytics-kpi-grid,.analytics-period-summary-strip{grid-template-columns:repeat(2,1fr)}.analytics-two-col{grid-template-columns:1fr}}.analytics-kicker{overflow-wrap:anywhere;font-size:10px;letter-spacing:.08em}.analytics-view{min-width:0}.analytics-header>div{min-width:0}.analytics-panel{min-width:0}.analytics-panel h2{font-size:16px;font-weight:500}.analytics-table{white-space:nowrap}.analytics-bar-chart,.analytics-bar-col{min-width:0}.analytics-header .btn{flex-shrink:0}@media(max-width:720px){.analytics-view{padding:28px 20px 40px}.analytics-title{font-size:26px}.analytics-kpi-grid,.analytics-period-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.analytics-kpi-card{padding:16px}.analytics-kpi-label{font-size:10px}.analytics-kpi-value{font-size:24px}.analytics-period-summary-box{padding:12px}.analytics-period-summary-val{font-size:20px}.analytics-bar-chart{overflow-x:auto;gap:4px}.analytics-bar-label{font-size:9px}.analytics-table-wrap{max-width:100%;overflow-x:auto}.analytics-panel-header{flex-wrap:wrap;gap:10px}.analytics-sender-pill{max-width:100%;white-space:normal;overflow-wrap:anywhere}.analytics-os-row span:first-child{max-width:70%}.analytics-timeframe-pill{min-height:40px}}
