@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');:root{color-scheme:dark;--bg:#080d19;--side:#0b1221;--panel:#101a2b;--border:#243147;--muted:#90a0b9;--text:#edf3ff;--cyan:#37d4e5;--blue:#6c73ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan)}.layout{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;width:250px;flex-shrink:0;background:#0c1321;border-right:1px solid #202b3c;padding:30px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;margin:0 9px 58px;color:inherit;text-decoration:none}.brand-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:linear-gradient(135deg,#3edee6,#515fff);color:#071323;font-size:21px}.brand strong{display:block;font-size:18px;letter-spacing:1.2px}.brand small{font-size:9px;color:#71c8e7;letter-spacing:2.5px}.section-label{font-size:10px;color:#687c9b;letter-spacing:2px;margin:0 14px 13px;font-weight:800}.sidebar nav{display:grid;gap:5px}.nav{width:100%;border:0;text-align:left;background:transparent;color:#91a0b7;padding:15px;border-radius:10px;font-weight:600}.nav span{display:inline-block;width:26px;font-size:18px}.nav:hover,.nav.active{background:#1d2d49;color:#dcecff}.nav.active{box-shadow:inset 3px 0 0 #55dbea}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border);padding:22px 10px;color:#bcc9db;font-size:12px}.sidebar-footer p{color:#72829d;line-height:1.65}.status-dot{display:inline-block;width:7px;height:7px;background:#42d4b1;border-radius:50%;margin-right:8px}.main{width:calc(100% - 250px);padding:0 40px}.topbar{height:79px;display:flex;align-items:center;justify-content:space-between;color:#8294b0;border-bottom:1px solid #18263b;font-size:11px;letter-spacing:1.2px}.topbar b{color:#d5e4f9}.top-status{color:#4bd4b5;letter-spacing:0}.hero{margin-top:32px;border:1px solid #273650;background:radial-gradient(ellipse at 82% 45%,#144a79 0%,transparent 36%),linear-gradient(115deg,#121c37,#0b1629 75%);padding:43px 47px;min-height:300px;border-radius:18px;position:relative;overflow:hidden}.hero-label{font-size:10px;letter-spacing:3px;color:#53d5e5;font-weight:800}.hero h1{font-size:clamp(29px,3vw,45px);line-height:1.15;letter-spacing:-1.4px;margin:18px 0}.hero h1 span{color:#58d9e9}.hero p{max-width:530px;line-height:1.7;color:#afc0d6;margin-bottom:25px}.primary{background:linear-gradient(120deg,#23c8d9,#668afa);color:#071323;border:0;border-radius:8px;padding:12px 20px;font-weight:800}.primary:hover{filter:brightness(1.12)}.orb{border:1px solid #4ae3fe55;border-radius:50%;position:absolute;right:5%;top:-25%;width:330px;height:330px;pointer-events:none}.orb2{right:10%;top:-9%;width:220px;height:220px}.panel{display:none;padding:31px 0}.panel.active{display:block}.heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 22px;gap:12px}.heading h2{font-size:23px;margin:0 0 7px;letter-spacing:-.5px}.heading p,.muted{color:var(--muted);line-height:1.6}.heading p{margin:0}.outline{color:#dbe9fc;background:#15233a;border:1px solid #31435e;border-radius:8px;padding:10px 16px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.stat,.surface{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:22px}.stat-label{display:flex;justify-content:space-between;color:#bac8d9;font-size:12px}.stat-label span{color:#48d7df;font-size:20px}.stat-number{font-size:37px;font-weight:800;margin:10px 0}.stat-sub{font-size:11px;color:#798ba7}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.surface h3{margin:0 0 16px}.notice{border:1px solid #25495c;background:#102739;color:#a7ddeb;padding:15px;border-radius:10px;line-height:1.5;margin:13px 0}.rows{display:grid;gap:12px}.rowline{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #273349;color:#9caec6}.rowline strong{color:#edf3ff}.search-box{display:flex;align-items:center;gap:14px;padding:10px 12px 10px 21px;background:#152137;border:1px solid #34445f;border-radius:12px}.search-box>span{font-size:25px;color:#74cbd7}.search-box input{background:transparent;border:0;outline:none;color:#fff;flex:1;min-width:0;font-size:15px}.result-header{color:#90a2bc;margin:17px 0}.results{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.result-card{background:#142037;border:1px solid #293c57;padding:18px;border-radius:12px;display:flex;flex-direction:column;gap:7px;text-align:left;color:#eef6ff}.result-card:hover{border-color:#40d2e2}.result-card small{color:#92a9c3}.badge{display:inline-block;padding:4px 8px;border-radius:20px;font-size:11px;background:#1b3842;color:#74dcc6}.badge.warn{color:#f5c77e;background:#40372b}.badge.gray{background:#263047;color:#b4c1d3}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:660px;text-align:left}th{font-weight:600;color:#8094b0;font-size:11px;letter-spacing:.5px;text-transform:uppercase;padding:11px}td{border-top:1px solid #28354b;padding:15px 11px;color:#d8e6f6;max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player{margin-top:20px;border:1px solid #334964;border-radius:12px;padding:18px;background:#101a2c}.player-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}video{width:100%;max-height:530px;background:#000;border-radius:8px}.alert{padding:13px 16px;border:1px solid #9f6040;color:#ffd2b6;background:#392923;border-radius:9px;margin-top:20px}.hidden{display:none!important}footer{padding:40px 0;color:#61718b;font-size:11px}footer span{padding:0 9px}.mobile-menu{display:none}@media(max-width:1000px){.main{padding:0 23px}.stats{grid-template-columns:repeat(2,1fr)}.sidebar{width:215px}.main{width:calc(100% - 215px)}.hero{padding:35px 30px}.orb{opacity:.4}}@media(max-width:720px){.sidebar{position:fixed;z-index:5;transform:translateX(-100%);transition:transform .2s;width:260px;box-shadow:20px 0 40px #0006}.sidebar.open{transform:translateX(0)}.main{width:100%;padding:0 16px}.mobile-menu{display:block;background:transparent;border:0;color:white;font-size:23px}.topbar{height:60px}.top-status{display:none}.hero{padding:30px 23px;margin-top:20px;min-height:0}.hero h1{font-size:29px}.hero .orb{display:none}.stats,.dash-grid{grid-template-columns:1fr}.stat{padding:17px}.panel{padding:23px 0}.heading{align-items:flex-start}.search-box{gap:6px;padding:7px}.search-box .primary{padding:12px}.results{grid-template-columns:1fr}}