@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#eef2f8;background:#080b12;font-synthesis:none;--bg:#080b12;--surface:#0e131d;--surface2:#121925;--line:#202938;--muted:#778296;--purple:#8b6cff;--lime:#c7ff4a;--cyan:#46e2d4;--orange:#ffad4a}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(520px,1.2fr) minmax(420px,.8fr)}.login-art{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,rgba(139,108,255,.16),transparent 31%),linear-gradient(145deg,#0b1019,#070a10);border-right:1px solid var(--line)}.coordinate-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(84,98,121,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(84,98,121,.06) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent)}.art-brand{position:absolute;left:8%;top:9%;z-index:2}.art-brand span{font:700 11px Space Mono;letter-spacing:.32em;color:var(--purple)}.art-brand strong{display:block;font-size:clamp(70px,9vw,148px);line-height:.9;letter-spacing:-.08em}.art-brand p{color:#8994a8;letter-spacing:.12em}.oculus-mark{position:relative;width:340px;height:340px;display:grid;place-items:center;z-index:2}.eye-core{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;color:var(--lime);background:radial-gradient(circle,rgba(199,255,74,.13),transparent 67%);border:1px solid rgba(199,255,74,.28);box-shadow:0 0 80px #8b6cff26,inset 0 0 55px #c7ff4a0a}.eye-core svg{width:85px;height:85px;filter:drop-shadow(0 0 20px rgba(199,255,74,.35))}.orbit{position:absolute;border:1px solid rgba(139,108,255,.25);border-radius:50%;inset:28px}.orbit:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--purple);top:16%;right:14%;box-shadow:0 0 15px var(--purple)}.orbit-two{inset:-45px;border-style:dashed;animation:spin 34s linear infinite}.orbit-one{animation:spin 22s linear infinite reverse}.art-metric{position:absolute;z-index:3;border:1px solid rgba(105,119,143,.23);background:#0b1019ad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:13px 16px;min-width:145px}.art-metric span{display:block;font:9px Space Mono;color:#69778d;letter-spacing:.15em}.art-metric strong{font:700 12px Space Mono;color:var(--lime)}.metric-a{right:8%;top:28%}.metric-b{left:9%;bottom:12%}.login-side{display:grid;place-items:center;padding:55px;background:#0a0e16}.login-card{width:min(420px,100%)}.compact-logo{display:flex;align-items:center;gap:10px;margin-bottom:62px;font:800 15px Space Mono;letter-spacing:.15em}.compact-logo svg{width:31px;color:var(--lime)}.login-heading>span,.breadcrumbs{font:700 9px Space Mono;letter-spacing:.18em;color:var(--purple)}.login-heading h1{font-size:38px;letter-spacing:-.045em;margin:12px 0 7px}.login-heading p{margin:0 0 38px;color:var(--muted);font-size:14px}.login-card label{display:block;color:#abb4c4;font-size:12px;font-weight:700;margin:18px 0 9px}.login-card input{width:100%;height:49px;border:1px solid var(--line);border-radius:10px;background:#0e141e;color:#fff;padding:0 15px;outline:none;transition:.2s}.login-card input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #8b6cff1f}.primary-button{border:0;border-radius:10px;background:var(--lime);color:#111609;min-height:48px;padding:0 19px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:9px}.primary-button svg{width:17px}.login-card>.primary-button{width:100%;margin-top:25px}.primary-button:disabled{opacity:.55}.login-error,.inline-error{display:flex;align-items:center;gap:8px;color:#ff8798;background:#ff5d7314;border:1px solid rgba(255,93,115,.2);border-radius:9px;padding:11px 13px;margin-top:15px;font-size:12px}.login-error svg,.inline-error svg{width:16px}.secure-note{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:22px;color:#586477;font:9px Space Mono}.secure-note svg{width:14px}.app-shell{min-height:100vh;display:grid;grid-template-columns:235px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:235px;background:#0a0e15;border-right:1px solid var(--line);padding:27px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 36px}.brand-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--lime);color:#0d1207}.brand-icon svg{width:22px}.brand>div{display:flex;flex-direction:column}.brand strong{font:800 15px Space Mono;letter-spacing:.12em}.brand small{font:8px Space Mono;color:#667186;letter-spacing:.2em}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav button{position:relative;height:46px;border:0;border-radius:9px;background:transparent;color:#737f92;display:flex;align-items:center;gap:12px;padding:0 13px;font-weight:600;font-size:13px}.sidebar nav button svg{width:18px}.sidebar nav button:hover{background:#101722;color:#cbd3df}.sidebar nav button.active{background:linear-gradient(90deg,#8b6cff29,#8b6cff0a);color:#fff}.sidebar nav button.active svg{color:var(--purple)}.sidebar nav button i{position:absolute;right:0;width:3px;height:22px;border-radius:3px;background:var(--purple);box-shadow:0 0 12px var(--purple)}.sidebar-status{margin-top:auto;border-top:1px solid var(--line);padding:22px 8px 4px;display:flex;align-items:center;gap:10px}.sidebar-status>span{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px #c7ff4ab3}.sidebar-status div{display:flex;flex-direction:column}.sidebar-status b{font-size:10px}.sidebar-status small{font:8px Space Mono;color:#566175;margin-top:2px}.workspace{grid-column:2;min-width:0}.header{height:102px;border-bottom:1px solid var(--line);padding:0 34px;display:flex;align-items:center;justify-content:space-between;background:#080b12e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.header h1{display:inline-block;margin:7px 12px 0 0;font-size:25px;letter-spacing:-.035em}.header>div:first-child p{display:inline;color:#687489;font-size:12px}.header-right{display:flex;align-items:center;gap:12px}.connection{height:29px;display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--line);border-radius:20px;color:#707c90;font:8px Space Mono}.connection i{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime)}.user-menu{border:0;background:transparent;color:#fff;display:flex;align-items:center;gap:9px;padding:4px}.user-menu>span{width:36px;height:36px;border-radius:10px;background:linear-gradient(145deg,var(--purple),#5440ad);display:grid;place-items:center;font-size:10px;font-weight:800}.user-menu>div{display:flex;flex-direction:column;text-align:left}.user-menu b{font-size:11px}.user-menu small{font-size:9px;color:#697488}.user-menu>svg{width:13px;color:#59657a}.icon-button{width:35px;height:35px;border:1px solid var(--line);border-radius:9px;background:#101620;color:#778398;display:grid;place-items:center}.icon-button svg{width:16px}.page-content{max-width:1540px;margin:auto;padding:27px 34px 55px}.page-actions{height:40px;display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:18px}.page-actions>span{margin-right:auto;color:#596579;font:9px Space Mono}.page-actions select{height:34px;color:#abb4c2;background:#101620;border:1px solid var(--line);border-radius:8px;padding:0 28px 0 10px;font-size:11px}.ghost-button{height:34px;border:1px solid var(--line);border-radius:8px;background:#111721;color:#9aa5b6;padding:0 11px;display:flex;align-items:center;gap:7px;font-size:11px}.ghost-button:hover{color:#fff;border-color:#394458}.ghost-button svg{width:14px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.kpi{position:relative;overflow:hidden;padding:19px 20px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#111722,#0d121b);min-height:137px}.kpi:after{content:"";position:absolute;right:-35px;top:-44px;width:115px;height:115px;border-radius:50%;background:currentColor;filter:blur(45px);opacity:.12}.kpi-top{display:flex;align-items:center;justify-content:space-between}.kpi-top>span{font-size:11px;color:#8490a3}.kpi-top i{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,currentColor 15%,transparent)}.kpi-top svg{width:15px}.kpi>strong{display:block;color:#f3f6fb;font-size:28px;letter-spacing:-.04em;margin:7px 0 4px}.kpi>small{display:flex;align-items:center;gap:4px;font:9px Space Mono}.kpi>small svg{width:12px}.kpi.purple{color:var(--purple)}.kpi.lime{color:var(--lime)}.kpi.cyan{color:var(--cyan)}.kpi.orange{color:var(--orange)}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);gap:13px;margin-top:13px}.panel{border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#101620,#0c1119);overflow:hidden}.panel-head{height:72px;padding:17px 19px;display:flex;justify-content:space-between}.panel-head h2{font-size:14px;margin:0 0 4px}.panel-head p{margin:0;color:#637086;font-size:10px}.panel-head>button{border:0;background:transparent;display:flex;gap:3px;align-items:flex-start;padding:5px}.panel-head>button span{width:3px;height:3px;border-radius:50%;background:#526075}.legend{position:absolute;margin:-48px 90px 0 0;right:0;display:flex;gap:14px;color:#778398;font-size:9px}.legend span{display:flex;align-items:center;gap:5px}.legend i,.health-row i{width:6px;height:6px;border-radius:50%}.dot-purple{background:var(--purple)}.dot-lime{background:var(--lime)}.dot-orange{background:var(--orange)}.health-panel{padding-bottom:15px}.radial{--progress:0deg;width:142px;height:142px;margin:4px auto 20px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--lime) var(--progress),#1b2330 0);position:relative}.radial:after{content:"";position:absolute;inset:9px;background:#101620;border-radius:50%}.radial>div{z-index:1;display:flex;flex-direction:column;align-items:center}.radial strong{font-size:25px}.radial span{font-size:9px;color:#738096}.health-row{display:flex;justify-content:space-between;margin:0 20px;padding:10px 2px;border-top:1px solid var(--line);font-size:10px}.health-row span{display:flex;align-items:center;gap:7px;color:#7c879a}.health-row b{font:700 10px Space Mono}.ranking-list{padding:0 19px 17px}.rank{display:grid;grid-template-columns:27px 1fr;gap:6px;align-items:center;height:40px}.rank>span{font:9px Space Mono;color:#4f5a6d}.rank>div>div{display:flex;justify-content:space-between;align-items:center}.rank b{font-size:10px}.rank strong{font:700 9px Space Mono;color:#7d899c}.rank i{display:block;height:2px;background:#1e2735;margin-top:5px}.rank em{display:block;height:100%;background:linear-gradient(90deg,var(--purple),#b7a6ff)}.full-panel{min-height:650px}.single-grid{display:grid;grid-template-columns:1fr}.chart-tooltip{min-width:145px;padding:10px 12px;border:1px solid #334055;border-radius:8px;background:#101722;box-shadow:0 12px 40px #0008}.chart-tooltip>b{display:block;font-size:10px;margin-bottom:7px}.chart-tooltip span{display:flex;align-items:center;gap:6px;color:#8d98aa;font-size:9px;margin:4px 0}.chart-tooltip span i{width:6px;height:6px;border-radius:50%}.chart-tooltip strong{margin-left:auto;color:#fff}.players-tools{display:flex;align-items:center;gap:11px;margin-bottom:18px}.players-tools>span{margin-left:auto;color:#687489;font-size:10px}.search{position:relative;width:min(390px,45vw)}.search>svg{position:absolute;left:13px;top:10px;width:16px;color:#5f6a7c}.search input{height:38px;width:100%;padding:0 12px 0 39px;border:1px solid var(--line);border-radius:9px;background:#101620;color:#fff;outline:none;font-size:12px}.search input:focus{border-color:var(--purple)}.table-panel{position:relative;min-height:410px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;color:#647084;font:700 9px Space Mono;text-transform:uppercase;letter-spacing:.08em;height:45px;padding:0 17px;border-bottom:1px solid var(--line)}td{height:65px;padding:0 17px;border-bottom:1px solid #1b2330;color:#8792a4;font-size:11px}tbody tr:hover{background:#8b6cff09}.player{display:flex;align-items:center;gap:10px}.player>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#232b3b;color:#b8aaff;font-size:9px;font-weight:800}.player>div{display:flex;flex-direction:column}.player b{color:#e3e7ee}.player small{font-size:9px;color:#606c80;margin-top:2px}.rate{font:700 10px Space Mono;color:#8b94a5}.rate.good{color:var(--lime)}.role{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:7px;background:#171f2b;color:#8994a7;font-size:9px}.role svg{width:12px}.role.admin{color:#c9bfff;background:#8b6cff1f}.row-action{height:29px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:#121925;color:#8490a3;display:flex;align-items:center;gap:6px;font-size:9px}.row-action:hover{color:#fff;border-color:#3a4558}.row-action svg{width:13px}.table-overlay{position:absolute;inset:45px 0 0;display:grid;place-items:center;background:#080b128c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.table-overlay svg{width:25px;color:var(--purple)}.empty{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#657185;gap:8px;font-size:12px}.empty svg{width:24px}.modal-backdrop{position:fixed;inset:0;background:#020408b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;display:grid;place-items:center;padding:20px}.modal{position:relative;width:min(430px,100%);border:1px solid #2c3749;border-radius:15px;background:#101620;padding:28px;box-shadow:0 30px 80px #000b}.modal-close{position:absolute;right:15px;top:15px;border:0;background:transparent;color:#667286}.modal-close svg{width:18px}.modal-icon{width:43px;height:43px;border-radius:11px;background:#8b6cff24;color:#a994ff;display:grid;place-items:center}.modal-icon svg{width:20px}.modal h2{margin:17px 0 7px;font-size:20px}.modal>p{color:#748095;font-size:11px;line-height:1.5}.modal>p b{color:#fff;font-size:13px}.role-options{display:grid;gap:8px;margin-top:22px}.role-options button{min-height:66px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#0d131c;color:#778397;display:flex;align-items:center;gap:11px;text-align:left}.role-options button>svg{width:18px}.role-options button>span{display:flex;flex:1;flex-direction:column}.role-options button b{color:#dce1e9;font-size:11px}.role-options button small{font-size:9px;margin-top:3px}.role-options button.selected{border-color:#c7ff4a59;color:var(--lime);background:#c7ff4a0d}.role-options button.admin-option{border-color:#8b6cff66;color:#a994ff;background:#8b6cff12}.saving{display:flex;align-items:center;justify-content:center;gap:7px;color:#788498;font-size:10px;margin-top:15px}.saving svg{width:14px}.toast{position:fixed;right:24px;bottom:24px;z-index:60;display:flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid rgba(199,255,74,.27);border-radius:10px;background:#131a20;color:#dfffa0;font-size:11px;box-shadow:0 14px 40px #0008}.toast svg{width:15px}.page-loader,.error-state{min-height:55vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#697589}.page-loader svg{width:30px;color:var(--purple)}.page-loader span{font-size:11px;margin-top:10px}.error-state>svg{width:40px;color:#ff6f83}.error-state h2{margin:15px 0 4px;color:#fff;font-size:18px}.error-state p{margin:0 0 20px;font-size:11px}.inline-error{margin:0 0 13px}.recharts-wrapper *:focus{outline:none}@media(max-width:1050px){.login-page{grid-template-columns:1fr}.login-art{display:none}.login-side{min-height:100vh}.kpi-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}.health-panel{min-height:330px}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{inset:auto 0 0;width:100%;height:68px;padding:6px 10px;border-right:0;border-top:1px solid var(--line);flex-direction:row}.brand,.sidebar-status{display:none}.sidebar nav{width:100%;flex-direction:row;justify-content:space-around}.sidebar nav button{height:55px;min-width:65px;flex-direction:column;justify-content:center;gap:3px;font-size:9px;padding:0 7px}.sidebar nav button i{right:auto;bottom:0;width:25px;height:2px}.workspace{grid-column:1;padding-bottom:68px}.header{height:82px;padding:0 16px}.header>div:first-child p,.breadcrumbs,.connection,.user-menu>div,.user-menu>svg{display:none}.header h1{font-size:21px;margin:0}.page-content{padding:18px 13px 35px}.header-right{gap:5px}.kpi-grid{grid-template-columns:1fr 1fr}.kpi{min-height:120px;padding:15px}.kpi>strong{font-size:23px}.page-actions>span{display:none}.page-actions{justify-content:flex-start}.analytics-grid{display:block}.analytics-grid>.panel{margin-bottom:12px}.legend{display:none}.search{width:100%}.players-tools{flex-wrap:wrap}.players-tools>span{display:none}th:nth-child(2),td:nth-child(2),th:nth-child(3),td:nth-child(3),th:nth-child(5),td:nth-child(5){display:none}.row-action{font-size:0;padding:0 8px}.table-panel{min-height:360px}}@media(max-width:460px){.kpi-grid{grid-template-columns:1fr}.login-side{padding:28px}.compact-logo{margin-bottom:42px}.login-heading h1{font-size:31px}.header .icon-button{display:none}}