@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{color:#e6ebf4;font-synthesis:none;--bg:#090d16;--panel:#101722;--line:#243044;--muted:#8491a6;--text:#e6ebf4;--accent:#5b8cff;--accent2:#6c5ce7;--green:#35d49a;--red:#ff647c;background:#090d16;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0;font-size:15px;font-weight:500}button,input{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.muted{color:var(--muted)!important}.eyebrow{letter-spacing:.16em;font-weight:700;color:#6e95f8!important;margin:0 0 8px!important;font-size:12px!important}.primary,.secondary{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:600;display:inline-flex}.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));border:0;box-shadow:0 8px 25px #586cff2b}.secondary{background:#151e2a;border:1px solid #29364a}.primary svg{width:17px}.primary:disabled{opacity:.55;cursor:not-allowed}.wide{width:100%;padding:13px}.link-button{margin-top:24px}.splash{min-height:100vh;color:var(--muted);align-content:center;place-items:center;gap:16px;display:grid}.brand-mark{color:#fff;background:linear-gradient(145deg,#6b91ff,#6654db);border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 7px 25px #556eff44}.brand-mark svg{width:21px}.brand-mark.large{border-radius:14px;width:54px;height:54px}.brand-mark.large svg{width:29px}.login-page{grid-template-columns:minmax(480px,1.25fr) minmax(400px,.75fr);min-height:100vh;display:grid}.login-visual{background:radial-gradient(circle at 28% 32%,#192f62 0,#0000 38%),radial-gradient(circle at 75% 70%,#34265f 0,#0000 35%),#0b1120;align-items:center;padding:clamp(28px,6vw,76px);display:grid;position:relative;overflow:hidden}.login-visual:after{content:"";background:linear-gradient(90deg,#0000 60%,#090d16);position:absolute;inset:0}.login-grid{opacity:.13;background-image:linear-gradient(#7191d8 1px,#0000 1px),linear-gradient(90deg,#7191d8 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:-20%;transform:perspective(500px)rotateX(55deg)rotate(-12deg)}.visual-copy{z-index:1;min-width:0;max-width:620px;position:relative}.visual-copy>.eyebrow{margin-top:28px!important}.visual-copy h1{letter-spacing:-.045em;margin:15px 0 26px;font-size:clamp(40px,4vw,60px);line-height:1.08}.visual-copy h1 span{color:#7798ff;display:block}.visual-copy h1 .headline-main{color:#e6ebf4;white-space:nowrap}.visual-copy>p:not(.eyebrow){color:#9ba9be;max-width:520px;font-size:18px;line-height:1.7}.visual-stats{gap:14px;margin-top:44px;display:flex}.visual-stats>div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff16;border-radius:12px;grid-template-columns:auto auto;align-items:center;column-gap:10px;padding:16px 18px;display:grid}.visual-stats svg{color:#7597ff;grid-row:span 2;width:22px}.visual-stats small{color:#8491a6}.login-panel{background:#090d16;place-items:center;padding:50px;display:grid}.login-panel form{width:min(100%,410px)}.login-panel h2{letter-spacing:-.03em;margin:7px 0;font-size:34px}.login-panel form>p{line-height:1.55}.login-panel label{color:#b7c0cf;gap:8px;margin-top:20px;font-size:14px;font-weight:600;display:grid}.input-wrap{position:relative}.input-wrap>svg{color:#65738a;width:17px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.login-panel input{border:1px solid var(--line);width:100%;color:var(--text);background:#0e1520;border-radius:8px;outline:0;padding:12px 13px 12px 41px;transition:all .2s}.login-panel input::placeholder{color:#546176}.login-panel input:focus{border-color:#6388f5;box-shadow:0 0 0 3px #6388f51c}.login-panel .primary{margin-top:24px}.form-error{color:#ff8c9e;background:#ff647c12;border:1px solid #ff647c55;border-radius:8px;margin:15px 0;padding:11px 13px;font-size:14px}.text-action{color:#8fa8fa;margin-top:12px;font-size:13px;font-weight:600;display:block}.text-action.right{text-align:right}.text-action:hover,.form-switch a:hover{text-decoration:underline}.form-switch{text-align:center;color:#758298;font-size:13px}.form-switch a{color:#8fa8fa;font-weight:650}.activation-icon{color:#86a3ff;background:linear-gradient(145deg,#6388f526,#6a5cff12);border:1px solid #6388f555;border-radius:14px;place-items:center;width:52px;height:52px;margin-bottom:18px;display:grid}.activation-icon svg{width:25px}.two-inputs{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mobile-brand{display:none}.app-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{z-index:30;background:#0c121c;border-right:1px solid #1d2838;flex-direction:column;width:250px;height:100vh;display:flex;position:fixed}.brand{border-bottom:1px solid #1d2838;align-items:center;gap:11px;height:72px;padding:0 18px;display:flex}.brand strong{font-size:16px;display:block}.brand small{color:#65738a;letter-spacing:.14em;margin-top:3px;font-size:9px;font-weight:700;display:block}.mobile-close{display:none}.sidebar nav{flex:1;padding:18px 12px}.nav-label{color:#536077;letter-spacing:.14em;margin:17px 10px 8px;font-size:10px;font-weight:700}.sidebar nav a{color:#8390a4;border-radius:7px;align-items:center;gap:11px;margin:3px 0;padding:10px 11px;font-size:14px;font-weight:600;display:flex}.sidebar nav a:hover{color:#c9d1df;background:#141d2a}.sidebar nav a.active{color:#8eabff;background:linear-gradient(90deg,#526fe827,#526fe808);box-shadow:inset 2px 0 #6488f8}.sidebar nav a svg{width:18px;height:18px}.nav-chevron{opacity:.45;margin-left:auto;width:13px!important}.sidebar-user{background:#111925;border:1px solid #202c3e;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:12px;padding:12px;display:grid}.avatar{color:#91adff;text-transform:uppercase;background:#223354;border-radius:9px;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.sidebar-user strong,.sidebar-user small{text-overflow:ellipsis;white-space:nowrap;max-width:115px;font-size:12px;display:block;overflow:hidden}.sidebar-user small{color:#6f7c91;margin-top:3px}.sidebar-user button,.mobile-close,.menu-button{color:#6f7c91;cursor:pointer;background:0 0;border:0}.sidebar-user button svg{width:16px}.app-shell>main{grid-column:2;min-width:0}.topbar{color:#738096;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c121ccc;border-bottom:1px solid #1d2838;justify-content:space-between;align-items:center;height:58px;padding:0 28px;font-size:12px;display:flex}.topbar>div{align-items:center;gap:8px;display:flex}.live-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 10px var(--green);border-radius:50%}.menu-button{display:none}.page{max-width:1600px;margin:auto;padding:32px}.page-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.page-head h1{letter-spacing:-.035em;margin:0 0 7px;font-size:29px}.page-head p{color:var(--muted);margin:0;font-size:14px}.timestamp{color:#617087;font-size:12px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.metric{background:linear-gradient(145deg,#111925,#0f1621);border:1px solid #202c3e;border-radius:11px;align-items:center;gap:15px;min-height:104px;padding:20px;display:flex;box-shadow:0 13px 35px #0002}.metric-icon{color:#7898f5;background:#5a7fe315;border:1px solid #5a7fe333;border-radius:9px;place-items:center;width:42px;height:42px;display:grid}.metric-icon.green{color:#52dca8;background:#35d49a12;border-color:#35d49a33}.metric-icon svg{width:20px}.metric span,.metric strong{display:block}.metric span{color:var(--muted);font-size:12px}.metric strong{margin-top:5px;font-size:23px}.panel{background:var(--panel);border:1px solid #202c3e;border-radius:11px;overflow:hidden}.panel-head{border-bottom:1px solid #202c3e;justify-content:space-between;align-items:center;padding:19px 21px;display:flex}.panel-head h2{margin:0 0 4px;font-size:16px}.panel-head p{color:var(--muted);margin:0;font-size:12px}.panel-head a{color:#7998f7;font-size:12px}.empty{color:#65738a;text-align:center;justify-content:center;place-items:center;min-height:240px;display:grid}.empty svg{opacity:.55;width:35px;height:35px;margin-bottom:12px}.empty strong{color:#99a5b6;font-size:14px}.empty span{margin-top:5px;font-size:12px}.backdrop{display:none}@media (width<=1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.login-page{grid-template-columns:1fr 440px}.login-visual{padding:6vw}.visual-copy h1{font-size:50px}}@media (width<=760px){.login-page{display:block}.login-visual{display:none}.login-panel{min-height:100vh;padding:30px}.mobile-brand{align-items:center;gap:10px;margin-bottom:48px;display:flex}.app-shell{display:block}.sidebar{transition:all .22s;transform:translate(-100%)}.sidebar-open{transform:none}.mobile-close{margin-left:auto;display:block}.backdrop{z-index:20;background:#0009;border:0;display:block;position:fixed;inset:0}.app-shell>main,.menu-button{display:block}.menu-button svg{width:20px}.topbar{padding:0 15px}.top-email{display:none}.page{padding:22px 15px}.page-head{flex-direction:column;align-items:flex-start}.metric-grid{grid-template-columns:1fr}.timestamp{display:none}.two-inputs{grid-template-columns:1fr}}.sidebar nav button{color:#8390a4;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;width:100%;margin:3px 0;padding:10px 11px;font-size:14px;font-weight:600;display:flex}.sidebar nav button:hover{color:#c9d1df;background:#141d2a}.sidebar nav button.active{color:#8eabff;background:linear-gradient(90deg,#526fe827,#526fe808);box-shadow:inset 2px 0 #6488f8}.sidebar nav button svg{width:18px;height:18px}.panel-link{color:#7998f7;cursor:pointer;background:0 0;border:0;font-size:12px}.balance-badge{text-align:right;background:linear-gradient(145deg,#17233a,#111925);border:1px solid #314361;border-radius:11px;min-width:190px;padding:14px 18px}.balance-badge span,.balance-badge strong{display:block}.balance-badge span{color:#7889a4;font-size:11px}.balance-badge strong{margin-top:4px;font-size:24px}.billing-grid{grid-template-columns:minmax(360px,.8fr) minmax(440px,1.2fr);gap:16px;display:grid}.topup-panel{align-self:start}.panel-head>svg{color:#7898f5;width:21px}.topup-form{padding:20px}.payment-modules{gap:9px;display:grid}.payment-modules>button{color:#aeb8c8;text-align:left;cursor:pointer;background:#0d141f;border:1px solid #243044;border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:13px;display:grid}.payment-modules>button:hover,.payment-modules>button.selected{background:#111c30;border-color:#587cf0}.payment-modules>button.selected{box-shadow:0 0 0 3px #587cf016}.payment-modules strong,.payment-modules small{display:block}.payment-modules strong{color:#e1e7f0;font-size:13px}.payment-modules small{color:#748197;margin-top:4px;font-size:11px}.payment-modules i{border:2px solid #4b5a72;border-radius:50%;width:10px;height:10px}.payment-modules>button.selected i{border:3px solid #7898f5}.provider-icon{color:#7898f5;background:#5a7fe315;border:1px solid #5a7fe333;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.provider-icon svg{width:18px}.topup-form>label{color:#b7c0cf;gap:8px;margin-top:20px;font-size:13px;display:grid}.amount-input{position:relative}.amount-input input{border:1px solid var(--line);color:#fff;background:#0e1520;border-radius:8px;outline:0;width:100%;padding:13px 42px 13px 13px;font-size:18px;font-weight:650}.amount-input input:focus{border-color:#6388f5;box-shadow:0 0 0 3px #6388f51c}.amount-input span{color:#78859b;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.module-empty{color:#69778c;text-align:center;border:1px dashed #2c394d;border-radius:9px;padding:25px}.payment-list{display:grid}.payment-row{border-top:1px solid #1e2939;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:14px 18px;display:grid}.payment-row:first-child{border-top:0}.payment-row strong,.payment-row small{display:block}.payment-row small{color:#69778c;margin-top:4px;font-size:11px}.payment-status{color:#f5c86c;background:#f6b94b0c;border:1px solid #f6b94b40;border-radius:20px;padding:4px 8px;font-size:10px}.payment-status.completed{color:#65dfb2;background:#35d49a0d;border-color:#35d49a35}.payment-row .secondary{padding:7px 10px;font-size:11px}.empty.compact{min-height:180px}@media (width<=1000px){.billing-grid{grid-template-columns:1fr}}@media (width<=600px){.payment-row{grid-template-columns:auto 1fr auto}.payment-row .secondary{grid-column:2/-1}.balance-badge{text-align:left;width:100%}}.topup-form>label>select,.topup-form>label>input{border:1px solid var(--line);width:100%;color:var(--text);background:#0e1520;border-radius:8px;outline:0;padding:12px 13px}.topup-form>label>select:focus,.topup-form>label>input:focus{border-color:#6388f5;box-shadow:0 0 0 3px #6388f51c}.head-actions{gap:10px;display:flex}.head-actions svg{width:17px}.form-success{color:#65dfb2;background:#35d49a12;border:1px solid #35d49a55;border-radius:8px;margin:15px 0;padding:11px 13px;font-size:14px}.integration-warning{color:#f5c86c;background:#f6b94b0d;border:1px solid #f6b94b45;border-radius:10px;align-items:center;gap:14px;margin-bottom:20px;padding:16px 18px;display:flex}.integration-warning svg{width:23px}.integration-warning strong,.integration-warning span{display:block}.integration-warning span{color:#b69c6c;margin-top:4px;font-size:12px}.tariff-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.tariff-card{color:var(--text);text-align:left;cursor:pointer;background:linear-gradient(145deg,#111925,#0f1621);border:1px solid #202c3e;border-radius:11px;padding:19px}.tariff-card:hover,.tariff-card.selected{border-color:#587cf0}.tariff-card.selected{background:linear-gradient(145deg,#172440,#101827);box-shadow:0 0 0 3px #587cf012}.tariff-card>div{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.tariff-name{font-size:17px;font-weight:700}.tariff-card strong{color:#89a5ff;font-size:20px}.tariff-card strong small{color:#68768b;margin-left:3px;font-size:10px}.tariff-card p{color:#78869a;min-height:34px;font-size:12px;line-height:1.45}.tariff-card ul{border-top:1px solid #202c3e;gap:16px;margin:15px 0 0;padding:14px 0 0;list-style:none;display:flex}.tariff-card li{color:#a8b2c1;align-items:center;gap:5px;font-size:11px;display:flex}.tariff-card li svg{color:#7195ff;width:14px}.servers-layout{grid-template-columns:minmax(350px,.72fr) minmax(520px,1.28fr);gap:16px;display:grid}.order-panel{align-self:start}.server-form{gap:15px;padding:20px;display:grid}.server-form label,.server-manage label{color:#aeb8c7;gap:7px;font-size:12px;display:grid}.server-form label small{color:#65738a}.server-form input,.server-form select,.server-form textarea,.server-manage input,.server-manage select{border:1px solid var(--line);width:100%;color:var(--text);resize:vertical;background:#0e1520;border-radius:8px;outline:0;padding:11px 12px}.server-form input:focus,.server-form select:focus,.server-form textarea:focus,.server-manage input:focus,.server-manage select:focus{border-color:#6388f5;box-shadow:0 0 0 3px #6388f51c}.server-form .primary{margin-top:4px}.server-list{display:grid}.server-row{border-top:1px solid #1f2a3a;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:13px;padding:17px 19px;display:grid;position:relative}.server-row:first-child{border-top:0}.server-state{color:#7898f5;background:#5a7fe315;border:1px solid #5a7fe333;border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.server-state.running{color:#52dca8;background:#35d49a12;border-color:#35d49a35}.server-state.error{color:#ff7c91;background:#ff647c12;border-color:#ff647c44}.server-state svg{width:20px}.server-main strong,.server-main span,.server-main small,.server-main em{display:block}.server-main span{color:#a2adbc;margin-top:4px;font-size:12px}.server-main small{color:#65738a;margin-top:3px;font-size:10px}.server-main em{color:#ff7c91;margin-top:5px;font-size:10px;font-style:normal}.state-pill{color:#e6bc68;white-space:nowrap;background:#f6b94b0b;border:1px solid #f6b94b35;border-radius:20px;padding:5px 8px;font-size:10px}.state-pill.running{color:#65dfb2;background:#35d49a0d;border-color:#35d49a35}.state-pill.error{color:#ff8c9e;background:#ff647c0d;border-color:#ff647c40}.server-actions{grid-column:2/-1;justify-content:flex-end;gap:6px;display:flex}.server-actions button{color:#8c9bb0;cursor:pointer;background:#151e2a;border:1px solid #29364a;border-radius:7px;place-items:center;width:32px;height:30px;display:grid}.server-actions button:hover:not(:disabled){color:#91adff;border-color:#587cf0}.server-actions button:disabled{opacity:.35;cursor:not-allowed}.server-actions button.danger:hover:not(:disabled){color:#ff7c91;border-color:#ff647c66}.server-actions svg{width:14px}.server-manage{background:#0c131e;border:1px solid #29364a;border-radius:9px;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:14px;margin-top:3px;padding:15px;display:grid}.server-manage>div{grid-template-columns:1fr 1.3fr auto;align-items:end;gap:9px;display:grid}.server-manage>div:nth-child(2){grid-template-columns:1fr auto}.server-manage button{height:38px;padding:8px 11px;font-size:11px}.server-manage button svg{width:14px}.danger-outline{color:#ff8c9e;border-color:#ff647c44}@media (width<=1150px){.servers-layout,.tariff-grid{grid-template-columns:1fr}.tariff-card p{min-height:0}.server-manage{grid-template-columns:1fr}}@media (width<=700px){.head-actions{flex-direction:column;width:100%}.head-actions button{width:100%}.tariff-card ul{flex-wrap:wrap}.server-row{grid-template-columns:auto 1fr}.state-pill{grid-column:2}.server-actions{grid-column:1/-1}.server-manage>div,.server-manage>div:nth-child(2){grid-template-columns:1fr}.server-manage{grid-column:1/-1}.server-form .two-inputs{grid-template-columns:1fr}}