:root{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:#f6f8ff;background:#010b18;font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}input,select{outline:none}input:focus,select:focus,button:focus-visible{outline:2px solid #70a9ff;outline-offset:2px}h1,h2,h3,h4,p{margin-top:0}.layout{display:flex;min-height:100vh;background:linear-gradient(135deg,#000813 20%,#00142b 90%)}.sidebar{width:266px;flex-shrink:0;position:sticky;top:0;height:100vh;padding:20px 18px 18px;background:linear-gradient(180deg,#061529,#010918 70%,#06172b);border-right:1px solid #18314f;display:flex;flex-direction:column;gap:24px;overflow-y:auto;scrollbar-width:thin}.logo{display:flex;align-items:center;gap:12px;padding:0 6px;min-height:49px}.brand-emblem{height:48px;width:48px;border-radius:50%;background:linear-gradient(145deg,#ffe930,#ffb700);position:relative;box-shadow:0 0 18px #f7bf002b;display:grid;place-items:center;color:#04152a;border:4px solid #ffdb00;flex-shrink:0}.brand-emblem span{font-size:27px;transform:translate(1px);line-height:1}.brand-name{font-weight:950;font-style:italic;letter-spacing:-1.15px;font-size:26px;line-height:25px;white-space:nowrap}.brand-name span,.login-heading span,h1 span,.hero h2 span{color:#fc0}.brand-sub{font-weight:650;font-size:8.3px;white-space:nowrap;color:#edf2ff;letter-spacing:.1px;margin-top:3px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-link{color:#b7c7e4;border:1px solid transparent;background:transparent;display:flex;align-items:center;gap:21px;min-height:46px;padding:0 12px;border-radius:11px;text-align:left;width:100%;font-size:15px;white-space:nowrap}.nav-link svg{color:#398bff;flex-shrink:0;fill:#398bff11}.nav-link:hover{background:#132b4c}.nav-link.active{color:#071022;background:linear-gradient(90deg,#ffe97d,#ffcd00 57%,#ffe12f);font-weight:800;box-shadow:0 0 23px #ffd20032}.nav-link.active svg{color:#042e59;fill:#04345d11}.owner-block{margin-top:auto;border:1px solid #ac8000;border-radius:11px;padding:14px 14px 15px;background:linear-gradient(125deg,#061329,#041322 85%)}.owner-title{display:flex;align-items:center;gap:9px;font-weight:800;font-size:16px;margin-bottom:14px}.owner-point{display:flex;align-items:center;gap:10px;font-size:12.4px;color:#d1def5;margin:11px 0}.owner-point svg{flex-shrink:0}.owner-block button{margin-top:13px;width:100%;background:#ffcf00;color:#08111e;border:0;border-radius:8px;font-weight:800;padding:13px}.right-side{flex:1;min-width:0}.topbar{height:67px;border-bottom:1px solid #183552;background:linear-gradient(90deg,#041427,#051a36);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 22px}.search-box{display:flex;align-items:center;gap:12px;background:#112746;color:#83ace1;border-radius:10px;width:min(740px,68%);height:43px;padding:0 15px}.search-box input{width:100%;border:0;background:transparent;color:#edf4ff;font-size:13px}.search-box input::placeholder{color:#93a9c9}.top-right{display:flex;align-items:center;gap:20px;color:#cad8ee}.top-icon,.gear{display:grid;place-items:center;color:#e1eafc;border:0;background:transparent}.gear{height:39px;width:39px;background:#fff;border:3px solid #ffcc00;color:#16263e;border-radius:50%;box-shadow:0 0 12px #fbd8007b}.admin-meta{display:flex;flex-direction:column;gap:4px;font-size:12px;min-width:100px}.admin-meta b{font-size:13px;color:#fff}.admin-meta span{color:#a6b5cf}.hamburger{display:none;color:#fff;background:none;border:0}.main{max-width:1640px;margin:0 auto;padding:18px 20px 25px}.page-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 5px 15px}.page-title h1{font-size:29px;letter-spacing:-.8px;line-height:1.15;margin:0 0 4px;font-weight:820}.page-title i{font-style:italic;font-weight:950}.page-title p{font-size:15px;color:#bfd0eb;margin:0}.date-chip{display:flex;align-items:center;gap:11px;flex-shrink:0;border:1px solid #193657;background:#09203d;color:#c7d6f2;border-radius:10px;padding:11px;font-size:12px}.date-chip svg{color:#75a8fd}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.stat-tile,.panel{background:linear-gradient(145deg,#04182f,#05172b 75%);border:1px solid #163552;border-radius:11px;box-shadow:0 5px 20px #0002}.stat-tile{min-height:114px;padding:17px 16px;display:flex;gap:18px;align-items:center}.stat-icon{width:66px;height:66px;display:grid;place-items:center;background:linear-gradient(125deg,#123c88,#092653);border-radius:16px;flex-shrink:0;color:#3889ff}.stat-icon.gold{background:linear-gradient(135deg,#51451c,#272c29);color:#fc0}.stat-icon.pink{background:linear-gradient(130deg,#6c2873,#30124c);color:#e958ed}.stat-icon.green{background:linear-gradient(130deg,#046b58,#003b31);color:#0def9b}.stat-icon.purple{background:linear-gradient(130deg,#332376,#21165c);color:#a078ff}.stat-text{min-width:0}.stat-label{font-size:14px;color:#becde7;white-space:nowrap}.stat-value{font-size:25px;font-weight:850;color:#f3f5fd;margin:2px 0}.stat-note{color:#a6b9d8;font-size:12px}.hero-grid{display:grid;grid-template-columns:1.75fr 1fr;gap:10px;margin-bottom:12px}.hero{border:1px solid #2566c8;box-shadow:inset 0 0 15px #1859d016,0 0 12px #124b9450;border-radius:13px;min-height:230px;padding:24px 26px;background:radial-gradient(ellipse at 66% 63%,#052b5e 0,#041329 55%,#020d1e);display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.hero-copy{width:45%;position:relative;z-index:2}.hero h2{font-size:27px;line-height:1.1;color:#ffe46b;margin-bottom:10px;text-shadow:0 0 13px #ffc00041}.hero h2 span{color:#fff;display:inline}.hero p{line-height:1.53;font-size:15px;color:#dce4f2;margin-bottom:18px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;border-radius:11px;min-height:43px;padding:10px 20px;font-weight:800;border:1px solid #ffdf71}.btn-yellow{background:linear-gradient(90deg,#ffca00,#ffe563);box-shadow:0 3px 22px #ffce0039;color:#001020}.btn-yellow:hover{filter:brightness(1.08)}.btn-muted{background:#092747;color:#d8e7ff;border-color:#244466}.hero-copy .btn{min-width:220px}.hero-graphic{position:relative;flex:1;height:190px;max-width:425px}.glow-circle{position:absolute;inset:6px 22% 10px 3%;border-radius:50%;background:radial-gradient(#197aff55,transparent 65%);filter:blur(13px)}.screen-illustration{position:absolute;left:0;top:9px;width:69%;height:162px;transform:perspective(600px) rotateY(-16deg) rotate(-6deg);border:4px solid #188cff;outline:1px solid #88d7ff;border-radius:16px;box-shadow:0 0 12px #1281ff,0 0 40px #0558e4aa;background:linear-gradient(142deg,#102e6b,#020d24 58%,#0b3770);display:grid;place-items:center;color:#49aaff}.screen-illustration .screen-sticks{position:absolute;bottom:-15px;left:-5px;right:-5px;height:32px;display:flex;gap:3px;transform:rotate(1deg)}.screen-sticks div{flex:1;border:1px solid #2491ff;background:repeating-linear-gradient(90deg,#0050b9,#051529 9px,#00285f 12px);border-radius:2px}.chip{position:absolute;right:0;z-index:2;display:flex;align-items:center;gap:8px;background:#061b3b;border:1px solid #1680f0;border-radius:10px;padding:9px;font-size:11px;color:#dce7ff;box-shadow:0 0 15px #036}.chip svg{color:#378cff}.chip1{top:37px}.chip2{top:80px}.chip3{top:123px}.panel{padding:12px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;min-height:30px;gap:10px;margin-bottom:10px}.panel-heading h3{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:780;color:#f4f6ff}.panel-heading h3 svg{color:#2d8aff}.panel-heading small{font-size:11px;color:#acbcda}.chart-box{min-height:230px;padding:12px 15px}.chart-legend{color:#b7c6e4;font-size:11px;display:flex;gap:14px;margin:6px 0 9px}.chart-legend span{display:flex;align-items:center;gap:7px}.legend-blue{display:block;width:10px;height:10px;border-radius:50%;background:#348bfa}.chart-plot{height:151px;position:relative}.chart-plot svg{width:100%;height:130px}.chart-bottom{display:flex;justify-content:space-between;color:#90a7c8;font-size:10px}.chart-empty{min-height:146px!important}.three-grid{display:grid;grid-template-columns:1fr 1fr .96fr;gap:10px;margin-bottom:12px}.three-grid .panel{min-height:255px}.tiny-btn{background:#0b2544;border:1px solid #1a3b61;color:#c6d9f4;display:inline-flex;align-items:center;gap:5px;min-height:29px;padding:5px 11px;border-radius:8px;font-size:11px}.tiny-btn:hover{background:#1a3d6b}.table-container{overflow:auto}.table-container table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}.table-container th{text-align:left;padding:10px 9px;background:#0b2441;color:#9aafd1;font-weight:500}.table-container th:first-child{border-radius:8px 0 0 8px}.table-container th:last-child{border-radius:0 8px 8px 0}.table-container td{border-bottom:1px solid #173451;padding:10px 9px;color:#c6d4ee;vertical-align:middle}.table-container tr:last-child td{border:0}.table-container td b{color:#eff3fc}.tag{font-size:10px;font-weight:750;white-space:nowrap;border-radius:16px;padding:4px 9px;display:inline-block}.tag-green{background:#0acf91;color:#003324}.tag-amber{background:#ffbe13;color:#24200b}.tag-red{background:#273e56;color:#a9b6cc}.gateway{display:flex;align-items:center;gap:12px;padding:7px 9px;background:#071d34;border:1px solid #183b5f;border-radius:11px;margin:7px 0;min-height:55px}.gateway .tag{margin-left:auto}.gateway b{display:block;font-size:12px}.gateway small{display:block;color:#93aacf;margin-top:4px;font-size:10px}.gw-logo{width:43px;height:43px;border-radius:11px;background:#0868f5;display:grid;place-items:center;color:#fff;font-weight:900;font-style:italic;flex-shrink:0}.gw-logo.dark{background:#000;color:#e6dcff;font-size:30px}.gw-logo.yellow{background:#ffce00;color:#111;font-size:27px}.bottom-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.bottom-grid .stat-tile{min-height:107px;padding:14px}.bottom-grid .stat-icon{width:53px;height:53px}.bottom-grid .stat-value{font-size:22px}.bottom-grid .stat-label{font-size:12px}.bottom-grid .stat-note{font-size:11px}.inner-grid{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);gap:12px}.form-panel{padding:22px}.form-panel .muted{color:#9fb4d1;font-size:13px;line-height:1.7}.form-panel label,.login-card label{display:block;color:#c7d7f0;font-size:12px;font-weight:650;margin:12px 0 8px}.form-panel input:not([type=checkbox]),.form-panel select,.login-card input{background:#091c34;border:1px solid #275078;border-radius:9px;padding:11px;color:#eff6ff;width:100%;min-height:42px}.form-panel .btn{margin-top:16px}.server-cards{display:flex;flex-direction:column;gap:12px}.server-row{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #193e64;border-radius:10px;background:#091e37}.sv-icon{width:44px;height:44px;display:grid;place-items:center;color:#4998ff;background:#0d386b;border-radius:8px;flex-shrink:0}.server-info{flex:1;min-width:0}.server-info b,.server-info small{display:block}.server-info small{color:#93afd4;margin-top:6px}.pair-result{background:#04111e;border:1px solid #286cb0;border-radius:9px;padding:15px;margin-top:18px;overflow:hidden}.pair-result b{display:block;margin:9px 0}.pair-result code{font-size:13px;color:#ffda42;display:block;overflow-wrap:anywhere}.pair-result pre{border:1px solid #174875;padding:12px;background:#03152b;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}.pair-result small{color:#9eb2cc}.plan-form{display:flex;flex-direction:column;gap:0}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkbox-line{display:flex;flex-wrap:wrap;gap:20px;margin-top:13px}.checkbox-line label{display:flex;align-items:center;gap:8px;margin:0}.checkbox-line input,.bouquet input{accent-color:#ffca00}.bouquets{max-height:175px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;border:1px solid #1a405f;padding:10px;border-radius:8px;background:#061a33}.bouquet{display:flex!important;align-items:center;gap:8px;margin:0!important;padding:6px;cursor:pointer}.bouquet span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smalltext{margin-top:7px}.cancel-btn{margin:10px 0;background:none;color:#a3b6d1;border:0;text-decoration:underline}.cell-sub{display:block;margin-top:4px;color:#849abb;font-size:10px}.text-error{color:#ff9b93!important;display:block;font-size:10px;white-space:normal;max-width:240px}.empty{display:flex;align-items:center;gap:9px;color:#8faacb;padding:20px 10px;font-size:12px;line-height:1.5}.event{border-bottom:1px solid #153452;padding:12px;color:#c5d8f5;display:flex;justify-content:space-between;gap:10px}.event small{color:#849fbc}.msg{display:flex;align-items:center;gap:8px;border-radius:9px;padding:13px;margin-bottom:13px;font-size:12px}.msg button{background:transparent;color:inherit;border:0;margin-left:auto}.msg.error{background:#381b26;border:1px solid #9e3142;color:#ffb9bf}.msg.success{background:#083c33;border:1px solid #147c64;color:#8ffddd}.login-bg{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at 75% 15%,#0f3871,#020b17 55%)}.login-card{width:min(420px,100%);background:linear-gradient(145deg,#0a203b,#061123);border:1px solid #2b5075;border-radius:17px;padding:32px;box-shadow:0 20px 80px #0008}.login-heading{font-size:24px;font-weight:800;margin:28px 0 9px}.login-heading b{font-style:italic}.login-card p{color:#9fb1cf}.login-card form{display:flex;flex-direction:column}.login-card .btn{margin-top:21px}.login-card small{display:block;margin-top:25px;color:#8a9db9}.login-card .brand-name{font-size:24px}hr{border:0;border-top:1px solid #254664;margin:24px 0}@media(max-width:1450px){.sidebar{width:244px}.main{padding:17px 15px}.stats-grid{gap:8px}.stat-tile{padding:13px 10px;gap:11px}.stat-icon{width:52px;height:57px}.stat-value{font-size:22px}.hero h2{font-size:23px}.hero p{font-size:13px}.hero{padding:19px}.chip{font-size:9px}.brand-name{font-size:23px}.brand-emblem{width:42px;height:42px}}@media(max-width:1100px){.stats-grid,.bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{grid-template-columns:1fr}.three-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.three-grid .panel:last-child{grid-column:1/-1}.sidebar{width:220px}.nav-link{font-size:13px;gap:13px}.owner-block{padding:10px}.page-title h1{font-size:25px}.date-chip{display:none}}@media(max-width:780px){.sidebar{position:fixed;z-index:99;transform:translate(-101%);transition:transform .2s;width:256px;box-shadow:0 15px 40px #0008}.sidebar-open{transform:translate(0)}.hamburger{display:block}.topbar{padding:0 13px;height:63px}.top-right{gap:9px}.search-box{width:100%}.admin-meta,.top-right>svg{display:none}.main{padding:16px 12px}.page-title h1{font-size:24px}.page-title p{font-size:12px}.three-grid,.inner-grid{grid-template-columns:1fr}.three-grid .panel:last-child{grid-column:auto}.hero{min-height:260px}.hero-copy{width:55%}.hero-graphic{height:190px}.chip{display:none}.stats-grid{gap:7px}.stat-tile{min-height:91px}.stat-label{font-size:11px}.stat-note{font-size:10px}.stat-icon{width:43px;height:43px}.stat-icon svg{width:25px}.stat-value{font-size:19px}}@media(max-width:480px){.hero-graphic{display:none}.hero-copy{width:100%}.hero{min-height:215px}.stats-grid{grid-template-columns:1fr 1fr}.stat-icon{display:none}.stat-tile{min-height:80px;padding:11px}.bottom-grid{grid-template-columns:1fr 1fr}.top-icon{display:none}.search-box input{font-size:11px}.gear{width:35px;height:35px;min-width:35px}.page-title h1{font-size:23px}.bouquets{grid-template-columns:1fr}}