:root{color-scheme:light;--bg: #f7f9fb;--surface: #ffffff;--surface-muted: #f1f5f7;--ink: #12222b;--ink-strong: #0a171d;--muted: #667782;--line: #dce5e8;--line-soft: #edf2f4;--teal: #0f8f8a;--teal-soft: #e1f4f2;--amber: #c9821e;--amber-soft: #fff0d9;--danger: #b54b4b;--danger-soft: #ffe5e2;--nav: #101b22;--nav-line: rgba(255, 255, 255, .1);--shadow: 0 18px 42px rgba(18, 34, 43, .08);--radius: 8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.public-site{min-height:100vh;background:#071118;color:#edf7f4}.public-nav{position:absolute;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px clamp(18px,5vw,72px)}.public-brand{display:inline-flex;align-items:center;gap:12px;color:#fff;font-size:18px;font-weight:820}.public-mark{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(226,185,93,.5);border-radius:var(--radius);background:#0a181fc7;color:#e7bd59;font-weight:860}.public-nav nav{display:flex;align-items:center;gap:20px;color:#ffffffc7;font-size:14px;font-weight:720}.public-nav nav a:hover{color:#fff}.player-hero{display:grid;grid-template-columns:minmax(0,1fr) 400px;align-items:center;min-height:760px;gap:clamp(24px,5vw,72px);padding:108px clamp(18px,5vw,72px) 64px;background-position:center;background-size:cover}.hero-copy{max-width:720px}.hero-copy h1{max-width:720px;margin:0;color:#fff;font-size:clamp(48px,7vw,86px);font-weight:840;letter-spacing:0;line-height:.94}.hero-copy p{max-width:610px;margin:22px 0 0;color:#edf7f4cc;font-size:19px;line-height:1.58}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.gold-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;gap:9px;padding:0 18px;border-radius:var(--radius);border:1px solid transparent;font-size:14px;font-weight:820}.gold-button{background:#d7a640;color:#111a1f;box-shadow:0 14px 34px #d7a64040}.gold-button.full{width:100%}.gold-button:disabled{cursor:wait;opacity:.72}.ghost-button{border-color:#ffffff47;background:#ffffff17;color:#fff}.hero-status{display:inline-flex;align-items:center;gap:8px;margin-top:24px;color:#edf7f4c7;font-size:14px;font-weight:720}.hero-status svg{color:#73d5c8}.hero-status strong{color:#fff}.signup-panel,.admin-login-panel{border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);background:#08141bdb;box-shadow:0 24px 70px #00000047;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.signup-panel{display:grid;gap:14px;padding:24px}.signup-panel h2,.admin-login-panel h1{margin:0;color:#fff;font-size:24px;font-weight:820;line-height:1.1}.signup-panel p,.admin-login-panel p{margin:8px 0 0;color:#edf7f4ad;font-size:14px;line-height:1.5}.signup-panel label,.admin-login-panel label{display:grid;gap:7px;color:#edf7f4bd;font-size:12px;font-weight:780;text-transform:uppercase}.signup-panel input,.admin-login-panel input{width:100%;min-height:42px;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);outline:0;background:#ffffff17;color:#fff;padding:0 12px;font-size:14px;text-transform:none}.form-message{padding:11px 12px;border-radius:var(--radius);font-size:13px;font-weight:720;line-height:1.4}.site-login-form,.signed-in-panel{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.site-login-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;align-items:end;gap:12px;padding:18px}.site-login-form label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:780;text-transform:uppercase}.site-login-form input{width:100%;min-height:42px;border:1px solid var(--line);border-radius:var(--radius);outline:0;background:#fff;color:var(--ink);padding:0 12px;font-size:14px;text-transform:none}.site-login-form .form-message{grid-column:1 / -1}.signed-in-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px}.signed-in-panel strong,.signed-in-panel span{display:block}.signed-in-panel strong{color:var(--ink-strong);font-size:16px;font-weight:820}.signed-in-panel span{margin-top:4px;color:var(--muted);font-size:13px;font-weight:650}.form-message.success{background:#5dcaac29;color:#a9efe2}.form-message.error{background:#d54b4829;color:#ffc2bd}.public-section{padding:54px clamp(18px,5vw,72px);background:#f7f9fb;color:var(--ink)}.status-section{padding-top:24px}.login-section{padding-top:34px;padding-bottom:24px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading h2{margin:0;color:var(--ink-strong);font-size:32px;font-weight:820;line-height:1.08}.section-heading p{margin:7px 0 0;color:var(--muted);font-size:15px}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.news-card{min-height:180px;padding:20px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.news-card span{color:var(--amber);font-size:12px;font-weight:820;text-transform:uppercase}.news-card h3{margin:12px 0 0;color:var(--ink-strong);font-size:19px;font-weight:820;line-height:1.25}.news-card p{margin:10px 0 0;color:var(--muted);font-size:14px;line-height:1.55}.admin-login{display:grid;min-height:100vh;place-items:center;padding:24px;background:linear-gradient(120deg,#071118f0,#112730e6),#071118}.admin-login-panel{display:grid;width:min(420px,100%);gap:14px;padding:28px}.lock-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:var(--radius);background:var(--teal-soft);color:var(--teal)}.admin-shell{min-height:100vh;background:var(--bg)}.admin-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 26px;border-bottom:1px solid var(--line);background:var(--surface)}.admin-topbar strong,.admin-topbar span{display:block}.admin-topbar strong{color:var(--ink-strong);font-size:17px;font-weight:820}.admin-topbar span{margin-top:4px;color:var(--muted);font-size:13px;font-weight:650}.admin-actions{display:flex;gap:10px}.admin-main{display:grid;gap:16px;padding:24px 26px 34px}.app-shell{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding:24px 18px;background:linear-gradient(180deg,#12222bf5,#081218fa),var(--nav);color:#eef7f7}.brand{display:flex;align-items:center;gap:12px;min-height:44px;margin-bottom:34px}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);background:#ffffff12;color:#7de1d8}.brand strong,.brand span{display:block}.brand strong{font-size:15px;font-weight:760;line-height:1.2}.brand span{color:#eef7f79e;font-size:12px;line-height:1.4}.nav-list{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;min-height:42px;padding:0 12px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:#eef7f7ab;font-size:14px;font-weight:620;text-align:left;transition:background .16s ease,color .16s ease,border-color .16s ease}.nav-item:hover,.nav-item.active{border-color:var(--nav-line);background:#ffffff14;color:#fff}.nav-item.active svg{color:#7de1d8}.sidebar-footer{display:flex;align-items:center;gap:8px;margin-top:auto;padding:14px 12px;border:1px solid var(--nav-line);border-radius:var(--radius);color:#eef7f7ad;font-size:13px;font-weight:650}.footer-dot{width:8px;height:8px;border-radius:99px;background:#7de1d8;box-shadow:0 0 0 4px #7de1d81f}.workspace{min-width:0;padding:22px 26px 34px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.searchbox{display:flex;align-items:center;width:min(520px,100%);height:44px;gap:10px;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--muted)}.searchbox input{width:100%;min-width:0;border:0;outline:0;color:var(--ink);background:transparent;font-size:14px}.topbar-actions{display:flex;align-items:center;gap:10px}.env-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;gap:8px;padding:0 14px;border-radius:var(--radius);font-size:13px;font-weight:720;white-space:nowrap}.env-button{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.primary-button{border:1px solid #0b7773;background:#0d8c86;color:#fff;box-shadow:0 10px 22px #0d8c8633}.primary-button:disabled{cursor:wait;opacity:.72}.spin{animation:spin .78s linear infinite}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.page-heading h1{margin:0;color:var(--ink-strong);font-size:clamp(30px,4vw,42px);font-weight:780;letter-spacing:0;line-height:1.04}.page-heading p{max-width:590px;margin:9px 0 0;color:var(--muted);font-size:15px;line-height:1.55}.status-strip{display:flex;align-items:center;gap:9px;min-height:40px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--muted);font-size:13px;font-weight:650}.status-strip strong{color:var(--ink)}.pulse{width:9px;height:9px;border-radius:99px}.pulse.live{background:var(--teal);box-shadow:0 0 0 5px #0f8f8a24}.pulse.seed{background:var(--amber);box-shadow:0 0 0 5px #c9821e24}.error-banner{margin-bottom:14px;padding:12px 14px;border:1px solid var(--amber-soft);border-radius:var(--radius);background:#fff8ec;color:#765012;font-size:14px;font-weight:620}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.kpi-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;min-height:118px;padding:17px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.kpi-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:var(--radius)}.kpi-teal .kpi-icon{background:var(--teal-soft);color:var(--teal)}.kpi-amber .kpi-icon{background:var(--amber-soft);color:var(--amber)}.kpi-slate .kpi-icon{background:#e7edf0;color:#42545f}.kpi-card span,.kpi-card small{display:block}.kpi-card span{color:var(--muted);font-size:12px;font-weight:760;line-height:1.3;text-transform:uppercase}.kpi-card strong{display:block;margin-top:9px;color:var(--ink-strong);font-size:27px;font-weight:780;line-height:1}.kpi-card small{margin-top:9px;color:var(--muted);font-size:13px;font-weight:600}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.main-column{display:grid;min-width:0;gap:16px}.lower-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:16px}.panel,.detail-drawer{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.panel{min-width:0;padding:18px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-heading h2,.drawer-header h2{margin:0;color:var(--ink-strong);font-size:17px;font-weight:780;line-height:1.2}.panel-heading p,.drawer-header p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.panel-heading>span{color:var(--muted);font-size:12px;font-weight:720}.table-wrap{overflow-x:auto}table{width:100%;min-width:720px;border-collapse:collapse}th,td{padding:13px 12px;border-bottom:1px solid var(--line-soft);text-align:left}th{color:var(--muted);font-size:11px;font-weight:780;text-transform:uppercase}td{color:#344750;font-size:14px;font-weight:620}.empty-cell{height:92px;color:var(--muted);text-align:center}td strong,td span{display:block}td strong{color:var(--ink);font-weight:760}td span{margin-top:3px;color:var(--muted);font-size:12px;font-weight:620}tbody tr{transition:background .16s ease,box-shadow .16s ease}tbody tr:hover,tbody tr.selected{background:#f4faf9}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:780;line-height:1;white-space:nowrap}.badge-good{background:var(--teal-soft);color:#0b706c}.badge-warn{background:var(--amber-soft);color:#8a5813}.badge-muted{background:#edf2f4;color:#566975}.badge-danger{background:var(--danger-soft);color:var(--danger)}.pack-list,.territory-list,.server-list{display:grid;gap:10px}.server-row{display:grid;grid-template-columns:42px minmax(180px,1fr) 74px auto;align-items:center;gap:12px;min-width:0;padding:13px;border:1px solid var(--line-soft);border-radius:var(--radius);background:#fbfcfd}.server-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:var(--radius);background:var(--teal-soft);color:var(--teal)}.server-copy{min-width:0}.server-copy strong,.server-copy span,.server-detail{display:block}.server-copy strong{overflow:hidden;color:var(--ink);font-size:14px;font-weight:780;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.server-copy span,.server-detail{margin-top:4px;color:var(--muted);font-size:12px;font-weight:620}.server-latency{color:var(--ink);font-size:13px;font-weight:780;text-align:right}.server-detail{grid-column:2 / -1;margin-top:-4px}.pack-row,.territory-row{display:grid;align-items:center;gap:12px;min-width:0;padding:12px;border:1px solid var(--line-soft);border-radius:var(--radius);background:#fbfcfd}.pack-row{grid-template-columns:minmax(0,1fr) auto}.pack-row strong,.pack-row span,.territory-copy strong,.territory-copy span{display:block}.pack-row strong,.territory-copy strong{overflow:hidden;color:var(--ink);font-size:13px;font-weight:760;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.pack-row span,.territory-copy span{margin-top:4px;color:var(--muted);font-size:12px;font-weight:600}.territory-row{grid-template-columns:minmax(120px,1fr) minmax(80px,120px) auto}.health-meter{height:7px;overflow:hidden;border-radius:99px;background:#e7edf0}.health-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),#55bca8)}.detail-drawer{position:sticky;top:22px;display:grid;gap:18px;padding:18px}.drawer-header{display:flex;align-items:center;gap:13px}.avatar{display:grid;width:52px;height:52px;place-items:center;border-radius:var(--radius);background:#10242b;color:#7de1d8;font-size:16px;font-weight:780}.drawer-metrics{display:grid;gap:10px}.drawer-metrics div{display:grid;grid-template-columns:22px minmax(0,1fr);gap:4px 10px;padding:12px;border:1px solid var(--line-soft);border-radius:var(--radius);background:#fbfcfd}.drawer-metrics svg{grid-row:span 2;color:var(--teal)}.drawer-metrics span{color:var(--muted);font-size:12px;font-weight:720}.drawer-metrics strong{overflow-wrap:anywhere;color:var(--ink);font-size:14px;font-weight:760}.session-card{padding:14px;border-radius:var(--radius);background:#10242b;color:#ffffffb8}.session-card span,.session-card strong{display:block}.session-card span{font-size:12px;font-weight:760;text-transform:uppercase}.session-card strong{margin-top:7px;color:#fff;font-size:16px;font-weight:780}.session-card p{margin:8px 0 0;font-size:13px;line-height:1.5}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(max-width:1120px){.app-shell{grid-template-columns:82px minmax(0,1fr)}.sidebar{padding:18px 12px}.brand{justify-content:center}.brand div:last-child,.nav-item span,.sidebar-footer span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.nav-item{justify-content:center;padding:0}.sidebar-footer{justify-content:center}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.detail-drawer{position:static}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;display:block;height:auto;padding:12px}.brand{justify-content:flex-start;margin-bottom:12px}.brand div:last-child,.nav-item span,.sidebar-footer span:last-child{position:static;width:auto;height:auto;overflow:visible;clip:auto}.nav-list{grid-template-columns:repeat(5,minmax(42px,1fr));overflow-x:auto}.nav-item{min-width:42px;justify-content:center;padding:0 10px}.nav-item span,.sidebar-footer{display:none}.workspace{padding:16px}.topbar,.page-heading{align-items:stretch;flex-direction:column}.topbar-actions,.status-strip{width:100%}.env-button,.primary-button{flex:1}.page-heading h1{font-size:32px}.kpi-grid,.lower-grid{grid-template-columns:1fr}.territory-row{grid-template-columns:minmax(0,1fr)}.site-login-form{grid-template-columns:1fr;align-items:stretch}.signed-in-panel{align-items:stretch;flex-direction:column}.server-row{grid-template-columns:42px minmax(0,1fr) auto}.server-latency{grid-column:2;text-align:left}.server-detail{grid-column:1 / -1}}