:root{color-scheme:dark;--bg:#080d19;--bg-soft:#0b1221;--panel:rgba(14,22,38,.78);--panel-strong:rgba(16,24,41,.94);--panel-subtle:hsla(0,0%,100%,.035);--border:rgba(148,163,184,.15);--border-strong:rgba(167,139,250,.28);--text:#f8fafc;--muted:#8f9bb2;--muted-strong:#b9c2d3;--violet:#8b73f6;--violet-bright:#a78bfa;--cyan:#27d6e6;--green:#34d399;--yellow:#f7c948;--red:#fb7185;--shadow:0 22px 65px rgba(0,0,0,.32);--sidebar-width:268px;--radius-xl:26px;--radius-lg:20px;--radius-md:14px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{color-scheme:light;--bg:#f3f6fb;--bg-soft:#eaf0f8;--panel:hsla(0,0%,100%,.83);--panel-strong:hsla(0,0%,100%,.96);--panel-subtle:rgba(15,23,42,.035);--border:rgba(71,85,105,.14);--border-strong:rgba(124,101,245,.24);--text:#101827;--muted:#667085;--muted-strong:#475467;--shadow:0 22px 55px rgba(51,65,85,.12)}*{box-sizing:border-box}html{min-height:100%}body,html{background:var(--bg)}body{color:var(--text);margin:0;min-height:100vh;overflow-x:hidden}button,input,select,textarea{font:inherit}button{color:inherit}button:disabled{cursor:not-allowed!important;opacity:.46;transform:none!important}.app-shell{isolation:isolate;min-height:100vh;position:relative}.app-shell:before{background:linear-gradient(hsla(0,0%,100%,.012) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.012) 1px,transparent 0);background-size:42px 42px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 72%);mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 72%);z-index:-3}.ambient,.app-shell:before{pointer-events:none;position:fixed}.ambient{border-radius:50%;filter:blur(12px);opacity:.55;z-index:-2}.ambient-one{background:radial-gradient(circle,rgba(124,101,245,.22),transparent 66%);height:560px;right:5%;top:-210px;width:560px}.ambient-two{background:radial-gradient(circle,rgba(39,214,230,.11),transparent 68%);bottom:-260px;height:520px;left:12%;width:520px}.sidebar{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#080d19d6;border-right:1px solid var(--border);display:flex;flex-direction:column;inset:0 auto 0 0;padding:26px 18px 18px;position:fixed;width:var(--sidebar-width);z-index:40}:root[data-theme=light] .sidebar{background:#fafcffe0}.brand-block{align-items:center;display:flex;gap:13px;padding:0 10px}.brand-mark{background:linear-gradient(145deg,#a78bfa,#6753e7 68%,#27d6e6);border-radius:13px;box-shadow:0 0 34px #7c65f54d;display:grid;height:42px;overflow:hidden;place-items:center;position:relative;width:42px}.brand-mark:before{background:linear-gradient(145deg,hsla(0,0%,100%,.28),transparent 44%);border-radius:12px;content:"";top:1px;right:1px;bottom:1px;left:1px;position:absolute}.brand-mark span{background:#fff;border-radius:2px;display:block;height:3px;position:absolute;transform:skew(-30deg);width:18px}.brand-mark span:first-child{left:11px;top:12px}.brand-mark span:nth-child(2){left:8px;top:19px;width:22px}.brand-mark span:nth-child(3){left:12px;top:26px;width:16px}.brand-word{font-size:19px;font-weight:950;letter-spacing:.14em;line-height:1}.brand-caption{color:var(--muted);font-size:11px;letter-spacing:.09em;margin-top:6px;text-transform:uppercase}.sidebar-nav{display:grid;gap:7px;margin-top:42px}.nav-item{align-items:center;background:transparent;border:0;border-radius:14px;color:var(--muted-strong);cursor:pointer;display:flex;font-weight:750;gap:12px;padding:12px 13px;position:relative;text-align:left;transition:.2s ease;width:100%}.nav-item:hover{background:#a78bfa12;color:var(--text);transform:translate(2px)}.nav-item.active{background:linear-gradient(100deg,#7c65f542,#27d6e60f);box-shadow:inset 0 0 0 1px #a78bfa2e,0 12px 28px #382d7d1f;color:#fff}:root[data-theme=light] .nav-item.active{color:#3f2db1}.nav-item.active:before{background:linear-gradient(var(--violet-bright),var(--cyan));border-radius:0 6px 6px 0;box-shadow:0 0 16px var(--violet);content:"";height:25px;left:-18px;position:absolute;width:3px}.nav-icon{border:1.5px solid;border-radius:6px;flex:none;height:20px;opacity:.8;position:relative;width:20px}.nav-icon[data-icon=server]:before{background:currentColor;box-shadow:0 5px currentColor;content:"";height:1px;left:3px;position:absolute;right:3px;top:5px}.nav-icon[data-icon=users]{border-radius:50%;box-shadow:10px 8px 0 -5px var(--bg),10px 8px 0 -3.5px currentColor;transform:scale(.78)}.nav-icon[data-icon=layers]:after,.nav-icon[data-icon=layers]:before{border:1.5px solid;border-radius:5px;content:"";top:4px;right:-4px;bottom:-4px;left:4px;position:absolute}.nav-icon[data-icon=link]{border-radius:9px 3px;transform:rotate(-35deg) scale(.82)}.nav-icon[data-icon=card]{border-radius:4px}.nav-icon[data-icon=card]:before{background:currentColor;content:"";height:2px;left:2px;position:absolute;right:2px;top:5px}.nav-counter{border-radius:999px;display:grid;font-size:11px;height:22px;margin-left:auto;min-width:22px;padding:0 6px;place-items:center}.danger-counter{background:#fb718526;color:var(--red)}.sidebar-spacer{flex:1}.sidebar-profile{align-items:center;background:var(--panel-subtle);border:1px solid var(--border);border-radius:16px;display:flex;gap:10px;padding:12px}.profile-copy{display:grid;flex:1;gap:3px;min-width:0}.profile-copy strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-copy span{color:var(--muted);font-size:11px}.main-content.staff-layout{padding-left:var(--sidebar-width)}.content-wrap{margin:0 auto;padding:32px 36px 60px;width:min(1480px,100%)}.page-header{align-items:flex-end;display:flex;gap:24px;justify-content:space-between;margin-bottom:26px}.page-header h1{font-size:clamp(30px,3.2vw,48px);font-weight:950;letter-spacing:-.04em;line-height:1;margin:7px 0 5px}.page-header p{color:var(--muted);font-size:15px;margin:0}.eyebrow,.section-kicker{color:var(--violet-bright);font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.live-dot{background:var(--green);border-radius:50%;box-shadow:0 0 0 5px #34d39917,0 0 16px #34d39980;display:inline-block;height:7px;margin-right:7px;width:7px}.header-actions{gap:10px}.header-actions,.system-pill{align-items:center;display:flex}.system-pill{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--panel);border:1px solid var(--border);border-radius:999px;color:var(--muted-strong);font-size:12px;font-weight:750;gap:8px;padding:10px 13px}.status-dot{border-radius:50%;display:inline-block;height:7px;width:7px}.status-dot.online,i.online{background:var(--green);box-shadow:0 0 10px #34d39999}.status-dot.offline,i.offline{background:var(--red);box-shadow:0 0 10px #fb718580}.icon-button{background:var(--panel-subtle);border:1px solid var(--border);border-radius:12px;cursor:pointer;display:grid;height:40px;place-items:center;transition:.2s ease;width:40px}.icon-button:hover{background:#a78bfa1f;border-color:var(--border-strong);transform:translateY(-1px)}.mobile-header{display:none}.alert{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid;border-radius:14px;display:flex;font-size:13px;gap:11px;margin-bottom:16px;padding:13px 44px 13px 15px;position:relative}.alert b{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.alert button{background:transparent;border:0;color:inherit;cursor:pointer;font-size:20px;height:28px;position:absolute;right:10px;width:28px}.alert-error{background:#7f1d1d38;border-color:#fb718552;color:#fecdd3}.alert-success{background:#064e3b40;border-color:#34d3994d;color:#a7f3d0}:root[data-theme=light] .alert-error{color:#9f1239}:root[data-theme=light] .alert-success{color:#047857}.loading-panel{align-items:center;color:var(--muted);display:flex;flex-direction:column;gap:18px;justify-content:center;min-height:440px}.loader{animation:spin .9s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--violet-bright);height:42px;width:42px}@keyframes spin{to{transform:rotate(1turn)}}.section-stack{display:grid;gap:20px}.hero-panel,.metric-card,.panel,.plan-card,.server-card,.subscription-admin-card,.subscription-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 1px #ffffff06,var(--shadow)}.panel{padding:22px}.panel-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.panel-header h3{font-size:20px;letter-spacing:-.02em;margin:5px 0 0}.panel-header h3 small{color:var(--muted);font-size:13px;font-weight:700;margin-left:5px}.text-button{background:transparent;border:0;color:var(--violet-bright);cursor:pointer;font-size:12px;font-weight:800;padding:5px}.hero-panel{align-items:center;background:radial-gradient(circle at 78% 50%,rgba(124,101,245,.2),transparent 30%),linear-gradient(125deg,#111a2dfa,#090f1ce6);display:flex;min-height:365px;overflow:hidden;padding:clamp(28px,5vw,58px);position:relative}:root[data-theme=light] .hero-panel{background:radial-gradient(circle at 78% 50%,rgba(124,101,245,.16),transparent 30%),linear-gradient(125deg,#fffffff5,#f4f7fdeb)}.hero-grid{background:linear-gradient(rgba(167,139,250,.18) 1px,transparent 0),linear-gradient(90deg,rgba(167,139,250,.18) 1px,transparent 0);background-size:44px 44px;top:0;right:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(90deg,#000,transparent 74%);mask-image:linear-gradient(90deg,#000,transparent 74%);opacity:.18;position:absolute}.hero-copy{position:relative;width:min(660px,65%);z-index:2}.hero-label{color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.22em}.hero-label span{color:var(--violet-bright)}.hero-copy h2{font-size:clamp(34px,4vw,61px);font-weight:950;letter-spacing:-.055em;line-height:1.02;margin:15px 0}.hero-copy h2 em{background:linear-gradient(90deg,var(--violet-bright),var(--cyan));background-clip:text;-webkit-background-clip:text;color:transparent;font-style:normal}.hero-copy p{color:var(--muted-strong);font-size:15px;line-height:1.7;max-width:590px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.hero-visual{display:grid;height:270px;place-items:center;position:absolute;right:6%;top:50%;transform:translateY(-50%);width:270px}.network-ring{animation:ringPulse 5s ease-in-out infinite;border:1px solid rgba(167,139,250,.34);border-radius:50%;position:absolute}.ring-one{top:20px;right:20px;bottom:20px;left:20px}.ring-two{animation-delay:-2.5s;top:60px;right:60px;bottom:60px;left:60px}.network-ring:after,.network-ring:before{background:var(--cyan);border-radius:50%;box-shadow:0 0 16px var(--cyan);content:"";height:7px;position:absolute;width:7px}.network-ring:before{left:17%;top:13%}.network-ring:after{bottom:30%;right:5%}.network-core{background:linear-gradient(145deg,var(--violet-bright),#5d49dd 68%,var(--cyan));border-radius:24px;box-shadow:0 0 60px #7c65f573;color:#fff;display:grid;font-size:24px;font-weight:950;height:88px;letter-spacing:.08em;place-items:center;width:88px}.node-point{background:var(--green);border-radius:50%;box-shadow:0 0 18px var(--green);height:11px;position:absolute;width:11px}.p1{right:72px;top:22px}.p2{bottom:37px;left:42px}.p3{right:8px;top:132px}@keyframes ringPulse{50%{opacity:.65;transform:scale(1.04)}}.metrics-grid{display:grid;gap:14px;grid-template-columns:repeat(5,minmax(0,1fr))}.metric-card{display:flex;flex-direction:column;min-height:165px;overflow:hidden;padding:20px;position:relative;transition:.25s ease}.metric-card:after{background:var(--accent);border-radius:50%;content:"";filter:blur(2px);height:120px;opacity:.07;position:absolute;right:-45px;top:-45px;width:120px}.metric-card:hover,.plan-card:hover,.server-card:hover,.subscription-admin-card:hover{border-color:var(--border-strong);transform:translateY(-3px)}.metric-icon{background:var(--accent);border-radius:11px;box-shadow:0 0 24px color-mix(in srgb,var(--accent) 55%,transparent);color:#fff;display:grid;font-weight:900;height:34px;margin-bottom:20px;place-items:center;width:34px}.metric-card>span{color:var(--muted);font-size:12px;font-weight:750}.metric-card strong{color:var(--text);font-size:34px;letter-spacing:-.04em;line-height:1;margin-top:5px}.metric-card small{color:var(--muted);font-size:11px;margin-top:auto}.accent-violet{--accent:var(--violet)}.accent-red{--accent:var(--red)}.accent-cyan{--accent:var(--cyan)}.accent-green{--accent:var(--green)}.accent-yellow{--accent:var(--yellow)}.dashboard-columns{display:grid;gap:20px;grid-template-columns:1.15fr .85fr}.payment-mini-list,.server-mini-list{display:grid}.payment-mini-row,.server-mini-row{align-items:center;border-bottom:1px solid var(--border);display:grid;gap:12px;padding:12px 0}.payment-mini-row,.server-mini-row{grid-template-columns:auto 1fr auto}.payment-mini-row:last-child,.server-mini-row:last-child{border-bottom:0}.payment-mini-row div,.server-mini-row div{display:grid;gap:3px;min-width:0}.payment-mini-row strong,.server-mini-row strong{font-size:13px}.payment-mini-row small,.server-mini-row small{color:var(--muted);font-size:11px}.country-chip{background:#a78bfa1a;border:1px solid rgba(167,139,250,.15);border-radius:10px;color:var(--violet-bright);display:grid;font-size:10px;font-weight:900;height:34px;place-items:center;width:34px}.country-chip.large{border-radius:14px;height:46px;width:46px}.payment-icon{background:#34d39917;border-radius:10px;color:var(--green);display:grid!important;height:34px;place-items:center;width:34px}.payment-amount{text-align:right}.payment-amount b{font-size:12px}.payment-amount span{font-size:9px;letter-spacing:.08em;text-transform:uppercase}.payment-succeeded{color:var(--green)}.payment-pending{color:var(--yellow)}.payment-canceled,.payment-refunded{color:var(--red)}.mini-empty{color:var(--muted);font-size:13px;padding:34px 15px;text-align:center}.button{border:1px solid transparent;border-radius:12px;cursor:pointer;font-size:12px;font-weight:820;min-height:40px;padding:9px 14px;transition:.18s ease;white-space:nowrap}.button:hover{transform:translateY(-1px)}.button.primary{background:linear-gradient(105deg,#7c65f5,#6753e7 70%,#4767de);box-shadow:0 12px 30px #6753e740,inset 0 1px #ffffff2e;color:#fff}.button.primary:hover{box-shadow:0 15px 38px #6753e761,inset 0 1px #ffffff2e}.button.secondary{background:#a78bfa17;border-color:#a78bfa33;color:var(--violet-bright)}.button.secondary:hover{background:#a78bfa29}.button.ghost{background:var(--panel-subtle);border-color:var(--border);color:var(--muted-strong)}.button.ghost:hover{border-color:var(--border-strong);color:var(--text)}.button.danger{background:#7f1d1d29;border-color:#fb718540;color:#fecdd3}.icon-edit{background:var(--panel-subtle);border-color:var(--border);color:var(--muted-strong);min-height:34px;padding:7px 11px}.link-danger:hover,.text-button:hover{filter:brightness(1.25)}.form-panel{overflow:hidden}.form-grid{display:grid;gap:14px}.form-grid.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three-cols{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.five-cols{grid-template-columns:repeat(5,minmax(0,1fr))}.form-grid label,.form-section label,.form-section>label{display:grid;gap:7px;min-width:0}label>span{color:var(--muted);font-size:11px;font-weight:750}.input{background:#050a1480;border:1px solid var(--border);border-radius:12px;color:var(--text);min-height:43px;outline:none;padding:10px 12px;transition:.18s ease;width:100%}:root[data-theme=light] .input{background:#ffffffb8}.input:focus{border-color:#a78bfa8c;box-shadow:0 0 0 4px #7c65f517}.input::-moz-placeholder{color:color-mix(in srgb,var(--muted) 70%,transparent)}.input::placeholder{color:color-mix(in srgb,var(--muted) 70%,transparent)}.input.compact{min-width:145px;width:auto}textarea.input{resize:vertical}.textarea{line-height:1.5;min-height:105px}.form-footer{display:flex;justify-content:flex-end;margin-top:18px}.input-prefix{align-items:center;background:#050a1480;border:1px solid var(--border);border-radius:12px;display:flex;min-height:43px;padding-left:11px}:root[data-theme=light] .input-prefix{background:#ffffffb8}.input-prefix>span{color:var(--muted)}.input-prefix input{background:transparent;border:0;color:var(--text);flex:1;min-width:0;outline:0;padding:10px 11px 10px 5px}.server-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.server-card{padding:21px;transition:.25s ease}.server-card-head{align-items:center;display:flex;gap:12px}.server-card-title{flex:1}.server-card-title h3{font-size:17px;margin:0 0 4px}.server-card-title p{color:var(--muted);font-size:10px;margin:0;overflow:hidden;text-overflow:ellipsis}.server-stats{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin:18px 0}.server-stats div{background:var(--panel-subtle);border:1px solid var(--border);border-radius:13px;display:grid;gap:5px;padding:12px}.server-stats span{color:var(--muted);font-size:10px}.server-stats b{font-size:15px}.server-error{background:#7f1d1d2b;border-radius:11px;color:#fecdd3;font-size:11px;line-height:1.45;margin-bottom:13px;padding:10px 12px}.card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.toolbar-panel{gap:10px;padding:15px}.search-box,.toolbar-panel{align-items:center;display:flex}.search-box{background:#050a1466;border:1px solid var(--border);border-radius:12px;flex:1;gap:9px;height:43px;min-width:240px;padding:0 12px}:root[data-theme=light] .search-box{background:#ffffffb8}.search-box span{color:var(--muted);font-size:20px}.search-box input{background:transparent;border:0;color:var(--text);outline:0;width:100%}.search-box input::-moz-placeholder{color:var(--muted)}.search-box input::placeholder{color:var(--muted)}.toolbar-create{margin-left:auto}.user-table-panel{overflow:hidden;padding:0}.user-table-panel .panel-header{padding:21px 22px 0}.table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{background:var(--panel-subtle);border-top:1px solid var(--border);color:var(--muted);font-size:10px;letter-spacing:.09em;padding:11px 17px;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td,.data-table th{border-bottom:1px solid var(--border)}.data-table td{font-size:12px;padding:14px 17px;vertical-align:middle}.data-table tbody tr{transition:.16s ease}.data-table tbody tr:hover{background:#a78bfa09}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr.muted{opacity:.58}.user-cell{align-items:center;display:flex;gap:11px;min-width:220px}.user-cell>div:last-child{display:grid;gap:4px;min-width:0}.user-cell strong{font-size:13px}.user-cell span{color:var(--muted);font-size:10px;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{background:linear-gradient(145deg,#a78bfad9,#4767dee6);border-radius:12px;box-shadow:inset 0 1px #ffffff38,0 8px 20px #47399733;color:#fff;display:grid;flex:none;font-size:12px;font-weight:900;height:39px;place-items:center;width:39px}.avatar.small{border-radius:10px;font-size:10px;height:34px;width:34px}.avatar.xl{border-radius:19px;font-size:18px;height:64px;width:64px}.contact-cell,.subscription-count{display:grid;gap:4px}.contact-cell span,.subscription-count b{font-size:12px}.contact-cell small,.subscription-count span{color:var(--muted);font-size:10px}.role-chip{border-radius:999px;display:inline-flex;font-size:9px;font-weight:900;letter-spacing:.05em;padding:6px 9px;text-transform:uppercase}.role-chip.admin{background:#9333ea26;color:#e9d5ff}.role-chip.operator{background:#0ea5e921;color:#bae6fd}.role-chip.user{background:#10b9811f;color:#d1fae5}.status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:9px;font-weight:900;gap:5px;letter-spacing:.05em;padding:5px 9px;text-transform:uppercase;width:-moz-max-content;width:max-content}.status-badge:before{background:currentColor;border-radius:50%;box-shadow:0 0 8px currentColor;content:"";height:5px;width:5px}.status-badge.active{background:#10b9811c;color:#6ee7b7}.status-badge.expired{background:#f43f5e1a;color:#fda4af}.status-badge.suspended{background:#f59e0b1c;color:#fde68a}:root[data-theme=light] .status-badge.active{color:#047857}.mobile-only{display:none}.plans-grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.plan-card{overflow:hidden;padding:25px;position:relative;transition:.25s ease}.plan-card:before{background:#7c65f51a;border-radius:50%;content:"";height:140px;inset:auto -30px -55px auto;position:absolute;width:140px}.plan-card h3{font-size:21px;margin:9px 0 20px}.plan-price{align-items:flex-end;border-bottom:1px solid var(--border);display:flex;gap:8px;padding-bottom:19px}.plan-price b{font-size:38px;letter-spacing:-.05em;line-height:.8}.plan-price span{color:var(--muted);font-size:11px}.plan-card ul{display:grid;gap:12px;list-style:none;margin:17px 0 0;padding:0}.plan-card li{color:var(--muted);display:flex;font-size:11px;justify-content:space-between}.plan-card li b{color:var(--text)}.client-subscriptions,.subscription-admin-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-admin-card,.subscription-card{padding:21px;transition:.25s ease}.subscription-card-top{display:flex;gap:15px;justify-content:space-between}.subscription-card-top h3{font-size:17px;margin:10px 0 5px}.subscription-card-top p{color:var(--muted);font-size:11px;margin:0}.subscription-nodes{background:#a78bfa14;border:1px solid rgba(167,139,250,.16);border-radius:17px;display:grid;flex:none;height:58px;place-content:center;text-align:center;width:58px}.subscription-nodes b{font-size:20px}.subscription-nodes span{color:var(--muted);font-size:8px;letter-spacing:.08em;text-transform:uppercase}.node-list{background:var(--panel-subtle);border-radius:13px;display:grid;gap:8px;margin:15px 0;padding:11px 12px}.node-line{font-size:11px;gap:8px;justify-content:space-between}.node-line,.node-line>span{align-items:center;display:flex}.node-line>span{gap:7px}.drawer-node-list i,.node-line i{border-radius:50%;display:inline-block;height:6px;width:6px}.link-danger{background:transparent;border:0;color:var(--red);cursor:pointer;font-size:19px}.node-add{display:grid;gap:8px;grid-template-columns:1fr auto}.subscription-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.client-hero{align-items:center;background:radial-gradient(circle at 75% 45%,rgba(124,101,245,.2),transparent 28%),linear-gradient(125deg,#080d19,#10182b);border-bottom:1px solid var(--border);display:flex;gap:30px;justify-content:space-between;min-height:500px;overflow:hidden;padding:clamp(24px,7vw,80px);position:relative}.client-hero:before{background:linear-gradient(rgba(167,139,250,.06) 1px,transparent 0),linear-gradient(90deg,rgba(167,139,250,.06) 1px,transparent 0);background-size:50px 50px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(90deg,#000,transparent);mask-image:linear-gradient(90deg,#000,transparent);position:absolute}.client-hero-copy{max-width:690px;position:relative;z-index:1}.client-brand{margin-bottom:70px;padding:0}.client-hero h1{font-size:clamp(44px,7vw,88px);letter-spacing:-.065em;line-height:.94;margin:15px 0}.client-hero h1 span{background:linear-gradient(90deg,var(--violet-bright),var(--cyan));background-clip:text;-webkit-background-clip:text;color:transparent}.client-hero p{color:var(--muted-strong);font-size:17px;line-height:1.7;max-width:570px}.client-orb{border:1px solid rgba(167,139,250,.18);border-radius:50%;box-shadow:0 0 120px #7c65f524,inset 0 0 70px #27d6e60d;display:grid;flex:none;height:300px;place-items:center;position:relative;width:300px}.client-orb:after,.client-orb:before{border:1px solid rgba(39,214,230,.16);border-radius:50%;content:"";position:absolute}.client-orb:before{top:35px;right:35px;bottom:35px;left:35px}.client-orb:after{top:75px;right:75px;bottom:75px;left:75px}.orb-core{background:linear-gradient(145deg,var(--violet-bright),#5f4adb 68%,var(--cyan));border-radius:27px;box-shadow:0 0 55px #7c65f573;color:#fff;display:grid;font-size:25px;font-weight:950;height:95px;place-items:center;width:95px}.main-content:not(.staff-layout) .section-stack{margin:35px auto 70px;width:min(1180px,calc(100% - 32px))}.section-heading h2{font-size:30px;margin:7px 0}.empty-state{border:1px dashed var(--border);border-radius:var(--radius-xl);color:var(--muted);padding:58px 20px;text-align:center}.empty-state h3{color:var(--text);margin:10px 0 5px}.empty-state p{font-size:12px;margin:0}.empty-icon{background:#a78bfa1a;border-radius:17px;color:var(--violet-bright);display:grid;font-size:27px;height:54px;margin:auto;place-items:center;width:54px}.drawer-layer{top:0;right:0;bottom:0;left:0;position:fixed;z-index:80}.drawer-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02060fad;top:0;right:0;bottom:0;left:0;position:absolute}.user-drawer{background:var(--panel-strong);border-left:1px solid var(--border-strong);box-shadow:-30px 0 90px #00000059;display:flex;flex-direction:column;height:100%;position:absolute;right:0;top:0;width:min(650px,100%)}.drawer-header{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;padding:25px 27px 20px}.drawer-header h2{font-size:25px;letter-spacing:-.03em;margin:7px 0 0}.drawer-user-summary{align-items:center;background:linear-gradient(90deg,rgba(124,101,245,.09),transparent);border-bottom:1px solid var(--border);display:flex;gap:15px;padding:20px 27px}.drawer-user-summary h3{margin:0 0 5px}.drawer-user-summary p{color:var(--muted);font-size:11px;margin:0 0 8px}.drawer-tabs{display:flex;gap:8px;padding:14px 27px 0}.drawer-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);cursor:pointer;font-size:12px;font-weight:800;padding:10px 12px}.drawer-tabs button.active{border-color:var(--violet-bright);color:var(--text)}.drawer-tabs span{background:#a78bfa1f;border-radius:999px;color:var(--violet-bright);display:inline-grid;font-size:9px;height:19px;margin-left:4px;min-width:19px;padding:0 5px;place-items:center}.drawer-body{flex:1;overflow:auto;padding:22px 27px 30px}.form-section{border-bottom:1px solid var(--border);margin-bottom:22px;padding:0 0 22px}.form-section:last-child{border-bottom:0}.form-section h4{font-size:13px;margin:0 0 13px}.profile-meta{color:var(--muted);display:flex;flex-wrap:wrap;font-size:9px;gap:7px 14px}.toggle-field{align-content:start}.toggle-control{align-items:center;background:var(--panel-subtle);border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;gap:10px;height:43px;padding:0 12px}.toggle-control i{background:#94a3b838;border-radius:999px;height:20px;position:relative;transition:.2s;width:35px}.toggle-control i:after{background:#fff;border-radius:50%;box-shadow:0 2px 5px #00000038;content:"";height:14px;left:3px;position:absolute;top:3px;transition:.2s;width:14px}.toggle-control.on i{background:var(--green)}.toggle-control.on i:after{transform:translate(15px)}.toggle-control b{font-size:11px}.inline-toggle{margin-top:14px}.drawer-footer{background:var(--panel-strong);border-top:1px solid var(--border);display:flex;gap:9px;justify-content:flex-end;padding:16px 27px}.subscriptions-drawer{align-content:start;display:grid;gap:14px}.compact-empty{padding:42px 20px}.drawer-subscription-card{background:var(--panel-subtle);border:1px solid var(--border);border-radius:18px;padding:18px}.drawer-node-list{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.drawer-node-list span{align-items:center;background:#94a3b812;border-radius:9px;color:var(--muted-strong);display:flex;font-size:9px;gap:6px;padding:6px 8px}.edit-subscription-head{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.edit-subscription-head h3{margin:6px 0 0}.drawer-enter-active,.drawer-leave-active{transition:.25s}.drawer-enter-active .user-drawer,.drawer-leave-active .user-drawer{transition:.25s ease}.drawer-enter-from .drawer-backdrop,.drawer-leave-to .drawer-backdrop{opacity:0}.drawer-enter-from .user-drawer,.drawer-leave-to .user-drawer{transform:translate(100%)}.toast-enter-active,.toast-leave-active{transition:.2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(-6px)}.mobile-backdrop{display:none}@media(max-width:1200px){.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-columns{grid-template-columns:1fr}.form-grid.five-cols{grid-template-columns:repeat(3,minmax(0,1fr))}.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-visual{opacity:.72;right:1%}.hero-copy{width:72%}}@media(max-width:980px){:root{--sidebar-width:244px}.content-wrap{padding:27px 24px 50px}.client-subscriptions,.server-grid,.subscription-admin-grid{grid-template-columns:1fr}.form-grid.three-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-panel{flex-wrap:wrap}.search-box{flex-basis:100%;width:100%}.toolbar-create{margin-left:auto}.client-orb{height:230px;width:230px}.client-brand{margin-bottom:45px}}@media(max-width:760px){.sidebar{box-shadow:30px 0 80px #00000059;transform:translate(-105%);transition:.24s ease}.sidebar.open{transform:translate(0)}.main-content.staff-layout{padding-left:0}.mobile-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02060f94;display:block;top:0;right:0;bottom:0;left:0;position:fixed;z-index:35}.mobile-header{align-items:center;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#080d19cc;border-bottom:1px solid var(--border);display:flex;height:64px;justify-content:space-between;padding:10px 16px;position:sticky;top:0;z-index:30}:root[data-theme=light] .mobile-header{background:#fafcffd9}.mobile-brand{font-weight:950;letter-spacing:.15em}.content-wrap{padding:22px 15px 45px}.page-header{align-items:flex-start}.page-header h1{font-size:34px}.desktop-theme,.header-actions{display:none}.hero-panel{align-items:flex-start;min-height:480px;padding:30px 23px}.hero-copy{width:100%}.hero-copy h2{font-size:41px}.hero-visual{bottom:-30px;height:200px;opacity:.45;right:-18px;top:auto;transform:none;width:200px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:150px}.form-grid.five-cols,.form-grid.three-cols,.form-grid.two-cols,.plans-grid,.server-grid{grid-template-columns:1fr}.toolbar-panel{align-items:stretch}.input.compact{min-width:0;width:calc(50% - 5px)}.toolbar-create{margin:0;width:100%}.desktop-only{display:none!important}.mobile-only{display:block}.user-mobile-list{padding:0 15px 15px}.user-mobile-card{border-bottom:1px solid var(--border);cursor:pointer;padding:13px 0}.user-mobile-card:last-child{border-bottom:0}.mobile-user-meta{align-items:center;color:var(--muted);display:flex;font-size:10px;justify-content:space-between;margin:10px 0 0 50px}.client-hero{align-items:flex-start;min-height:650px;padding:28px 22px}.client-hero-copy{z-index:2}.client-brand{margin-bottom:65px}.client-hero h1{font-size:51px}.client-orb{bottom:-30px;height:260px;opacity:.55;position:absolute;right:-60px;width:260px}.main-content:not(.staff-layout) .section-stack{margin:24px auto 45px;width:calc(100% - 24px)}.user-drawer{width:100%}.drawer-body,.drawer-footer,.drawer-header,.drawer-user-summary{padding-left:18px;padding-right:18px}.drawer-tabs{padding-left:18px}.server-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.node-add{grid-template-columns:1fr}.node-add .button{width:100%}}@media(max-width:480px){.metrics-grid{gap:10px;grid-template-columns:1fr 1fr}.metric-card{min-height:142px;padding:16px}.metric-card strong{font-size:29px}.metric-icon{margin-bottom:15px}.hero-actions .button{width:100%}.panel,.server-card,.subscription-admin-card,.subscription-card{border-radius:20px}.server-card-head{align-items:flex-start}.server-stats{gap:5px}.server-stats div{padding:10px 7px}.card-actions .button{flex:1}.input.compact{width:100%}.client-hero h1{font-size:44px}.drawer-subscription-card .card-actions .button{flex-basis:calc(50% - 5px)}}.form-hint{background:#27d6e60e;border:1px solid rgba(39,214,230,.16);border-radius:12px;color:var(--muted-strong);font-size:11px;line-height:1.55;margin:12px 0 0;padding:11px 13px}.subscription-auto-summary{align-items:center;background:#34d3990e;border:1px solid rgba(52,211,153,.16);border-radius:12px;color:var(--muted-strong);display:flex;font-size:10px;gap:12px;justify-content:space-between;margin:14px 0 0}.subscription-auto-summary b{color:var(--green);font-size:10px;text-align:right}.device-summary{background:#7c65f50e;border:1px solid rgba(167,139,250,.13);border-radius:12px;display:grid;font-size:10px;gap:8px 14px;grid-template-columns:1fr auto;margin:12px 0;padding:11px 12px}.device-summary span{color:var(--muted)}.device-summary b{text-align:right}.device-manager{border-top:1px solid var(--border);margin-top:18px;padding-top:18px}.device-manager-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.device-manager-head h4{margin:0}.device-manager .link-danger,.device-row .link-danger{font-size:10px;font-weight:800;padding:6px 0}.device-row{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;gap:14px;justify-content:space-between;padding:12px 0}.device-row:last-child{border-bottom:0}.device-row>div{display:grid;gap:4px;min-width:0}.device-row strong{font-size:11px}.device-row span{color:var(--muted-strong);font-size:9px}.device-row small{color:var(--muted);font-size:8px}@media(max-width:480px){.subscription-auto-summary{align-items:flex-start;flex-direction:column}.subscription-auto-summary b{text-align:left}.device-row{flex-direction:column}.device-row .link-danger{align-self:flex-start}}.client-dashboard-shell{display:grid;gap:18px;margin:22px auto 64px;width:min(1280px,calc(100% - 36px))}.client-account-header{align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);display:flex;gap:18px;justify-content:space-between;padding:16px 18px}.compact-brand{margin:0}.client-account-user{align-items:center;display:flex;gap:11px}.client-account-user>div:nth-child(2){display:grid;gap:3px}.client-account-user strong{font-size:12px}.client-account-user span{color:var(--muted);font-size:9px}.client-overview-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.client-stat-card{background:linear-gradient(145deg,var(--panel),var(--panel-subtle));border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:flex-end;min-height:118px;padding:18px}.client-stat-card span{color:var(--muted-strong);font-size:10px;font-weight:800}.client-stat-card strong{font-size:28px;letter-spacing:-.04em;margin:8px 0 3px}.client-stat-card small{color:var(--muted);font-size:9px}.client-content-grid{align-items:start;display:grid;gap:14px;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr)}.compact-client-panel{padding:20px}.account-device-list,.compact-subscription-list{display:grid;gap:11px}.account-device-card,.compact-subscription-item{background:var(--panel-subtle);border:1px solid var(--border);border-radius:15px;padding:15px}.compact-subscription-main{align-items:flex-start;display:flex;gap:14px;justify-content:space-between}.compact-subscription-main h3{font-size:16px;margin:8px 0 4px}.compact-subscription-main p{color:var(--muted);font-size:9px;margin:0}.compact-subscription-traffic{display:grid;gap:3px;text-align:right}.compact-subscription-traffic b{font-size:15px}.compact-subscription-traffic span{color:var(--muted);font-size:9px}.traffic-track{background:#94a3b81f;border-radius:99px;height:5px;margin:13px 0;overflow:hidden}.traffic-track i{background:linear-gradient(90deg,var(--violet-bright),var(--cyan));border-radius:inherit;display:block;height:100%;transition:width .25s}.compact-action-row{display:flex;flex-wrap:wrap;gap:7px}.compact-action-row .button{font-size:9px;padding:9px 11px}.panel-count{background:#a78bfa1f;border-radius:10px;color:var(--violet-bright);display:grid;font-size:11px;font-weight:900;height:29px;min-width:29px;place-items:center}.account-device-head{align-items:center;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr) auto}.device-app-icon{background:linear-gradient(145deg,#7c65f538,#27d6e61f);border-radius:12px;color:var(--violet-bright);display:grid;font-size:11px;font-weight:950;height:38px;place-items:center;width:38px}.account-device-head>div:nth-child(2){display:grid;gap:4px;min-width:0}.account-device-head strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-device-head span:not(.status-badge){color:var(--muted);font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-name-editor{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;margin:12px 0}.device-name-editor .input{height:38px}.device-name-editor .button{padding:8px 11px}.device-info-grid{display:grid;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}.device-info-grid div{background:#94a3b80e;border-radius:10px;display:grid;gap:4px;padding:9px 10px}.device-info-grid span{color:var(--muted);font-size:8px}.device-info-grid b{font-size:9px;overflow-wrap:anywhere}.device-card-footer{align-items:center;border-top:1px solid var(--border);color:var(--muted);display:flex;font-size:8px;gap:10px;justify-content:space-between;margin-top:11px;padding-top:10px}.device-card-footer .link-danger{font-size:9px;font-weight:850;padding:6px 0}.form-toggle-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:15px}.form-toggle-row .toggle-field{flex:1;min-width:210px}.plan-card.disabled,.server-card.disabled{opacity:.66}.inbound-visibility-block{background:#03081224;border:1px solid var(--border);border-radius:14px;margin-top:13px;padding:12px}.inbound-visibility-head{display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.inbound-visibility-head strong{font-size:10px}.inbound-visibility-head span{color:var(--muted);font-size:8px}.inbound-visibility-row{align-items:center;background:transparent;border:0;border-bottom:1px solid var(--border);color:var(--text);cursor:pointer;display:flex;gap:10px;justify-content:space-between;padding:9px 5px;text-align:left;width:100%}.inbound-visibility-row:last-child{border-bottom:0}.inbound-visibility-row:disabled{cursor:default}.inbound-visibility-row>span{align-items:center;display:grid;gap:7px;grid-template-columns:auto minmax(0,1fr) auto;min-width:0}.inbound-visibility-row b{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbound-visibility-row small{color:var(--muted);font-size:8px}.inbound-visibility-row em{font-size:8px;font-style:normal;font-weight:800}.inbound-visibility-row.visible em{color:var(--green)}.inbound-visibility-row.hidden em{color:var(--muted)}.rich-device-row{align-items:stretch}.drawer-device-main{flex:1}.drawer-device-editor{display:grid;gap:7px;grid-template-columns:minmax(0,1fr) auto;margin-top:9px}.drawer-device-editor .input{height:36px}.drawer-device-editor .button{padding:7px 10px}@media(max-width:1040px){.client-content-grid{grid-template-columns:1fr}.client-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.client-dashboard-shell{margin:12px auto 38px;width:calc(100% - 22px)}.client-account-header{align-items:flex-start}.client-account-user>div:nth-child(2){display:none}.client-overview-grid{gap:8px}.client-stat-card{min-height:102px;padding:14px}.client-stat-card strong{font-size:23px}.compact-client-panel{padding:14px}.compact-subscription-main{flex-direction:column}.compact-subscription-traffic{text-align:left}.account-device-head{grid-template-columns:auto minmax(0,1fr)}.account-device-head>.status-badge{grid-column:2;justify-self:start}.device-info-grid,.form-toggle-row{grid-template-columns:1fr}.form-toggle-row{display:grid}.form-toggle-row .toggle-field{min-width:0}.inbound-visibility-head{flex-direction:column}.inbound-visibility-row{align-items:flex-start}.inbound-visibility-row>span{grid-template-columns:auto minmax(0,1fr)}.inbound-visibility-row small{grid-column:2}.drawer-device-editor{grid-template-columns:1fr}.drawer-device-editor .button{width:100%}}#__nuxt,body,html{max-width:100%;overflow-x:clip;width:100%}.app-shell,.client-content-grid,.client-dashboard-shell,.compact-client-panel,.content-wrap,.drawer-body,.main-content,.panel,.plan-card,.section-stack,.server-card,.subscription-admin-card,.subscription-card{max-width:100%;min-width:0}.client-account-header>*,.compact-subscription-main>*,.form-grid>*,.page-header>*,.panel-header>*,.server-card-head>*,.subscription-card-top>*,.toolbar-panel>*{min-width:0}.table-scroll,button,input,textarea{max-width:100%}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.app-select{min-width:0;position:relative;width:100%}.app-select.compact{flex:0 1 190px;min-width:145px;width:auto}.app-select__trigger{align-items:center;cursor:pointer;display:flex;gap:10px;justify-content:space-between;text-align:left}.app-select__trigger:disabled{cursor:not-allowed}.app-select__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-select__value.placeholder{color:color-mix(in srgb,var(--muted) 76%,transparent)}.app-select__chevron{border-bottom:1.5px solid var(--muted-strong);border-right:1.5px solid var(--muted-strong);flex:none;height:8px;transform:rotate(45deg) translateY(-2px);transition:transform .18s ease;width:8px}.app-select.open .app-select__chevron{transform:rotate(225deg) translate(-1px,-1px)}.app-select.open .app-select__trigger{border-color:#a78bfa8c;box-shadow:0 0 0 4px #7c65f517}.app-select__menu{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:var(--panel-strong);border:1px solid var(--border-strong);border-radius:14px;box-shadow:0 22px 70px #0000006b;display:flex;flex-direction:column;overflow:hidden;padding:6px;position:fixed;z-index:5000}.app-select__search-wrap{padding:4px 4px 7px}.app-select__search{background:var(--panel-subtle);border:1px solid var(--border);border-radius:10px;color:var(--text);height:38px;outline:0;padding:0 10px;width:100%}.app-select__search:focus{border-color:#a78bfa80}.app-select__options{min-height:0;overflow:auto;overscroll-behavior:contain}.app-select__option{align-items:center;background:transparent;border:0;border-radius:10px;color:var(--text);cursor:pointer;display:flex;gap:10px;justify-content:space-between;padding:10px 11px;text-align:left;width:100%}.app-select__option.active,.app-select__option:hover{background:#a78bfa1a}.app-select__option.selected{background:linear-gradient(100deg,#7c65f52e,#27d6e60f)}.app-select__option.disabled{cursor:not-allowed;opacity:.46}.app-select__option>span{display:grid;gap:3px;min-width:0}.app-select__option b{font-size:11px}.app-select__option b,.app-select__option small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-select__option small{color:var(--muted);font-size:8px}.app-select__option i{color:var(--green);font-style:normal;font-weight:900}.app-select__empty{color:var(--muted);font-size:10px;padding:16px 10px;text-align:center}@media(max-width:760px){.app-select.compact{flex:1 1 calc(50% - 5px);min-width:0;width:calc(50% - 5px)}.content-wrap{max-width:100%;width:100%}.page-header,.panel-header{flex-wrap:wrap}.panel-header{align-items:flex-start}.toolbar-panel{width:100%}.client-account-header{flex-wrap:wrap;width:100%}.client-account-header>.header-actions{display:flex;justify-content:flex-end;width:100%}.card-actions,.compact-action-row{max-width:100%}.card-actions .button,.compact-action-row .button{min-width:0}.drawer-layer,.user-drawer{max-width:100vw}}@media(max-width:480px){.app-select.compact{flex-basis:100%;width:100%}.client-dashboard-shell{margin-left:8px;margin-right:8px;width:calc(100% - 16px)}.client-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-stat-card{min-width:0;padding:12px}.client-stat-card strong{font-size:20px;overflow-wrap:anywhere}.account-device-card,.compact-client-panel,.compact-subscription-item{min-width:0}.device-name-editor,.drawer-device-editor{grid-template-columns:minmax(0,1fr)}.device-name-editor .button,.drawer-device-editor .button{width:100%}.mobile-user-meta{flex-wrap:wrap;gap:8px;margin-left:0}.drawer-footer{flex-wrap:wrap}.drawer-footer .button{flex:1 1 130px}.client-account-header{gap:8px;padding:12px}.client-account-user{flex:none;gap:6px}.client-account-user>.avatar{display:none}.compact-brand{min-width:0}.compact-brand .brand-caption{font-size:8px}.compact-brand .brand-word{font-size:16px}}.logout-button{font-size:17px;font-weight:800;line-height:1}.signed-out-card{background:var(--panel);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);display:grid;gap:12px;justify-items:center;margin:9vh auto 0;padding:32px;text-align:center;width:min(460px,calc(100% - 24px))}.signed-out-card .brand-mark{margin-bottom:4px}.signed-out-card h2{font-size:24px;margin:0}.signed-out-card p{color:var(--muted);font-size:11px;line-height:1.65;margin:0 0 8px;max-width:360px}.signed-out-card .button{min-width:220px}.plans-market-panel{grid-column:1/-1}.market-hint{color:var(--muted);font-size:9px;line-height:1.6;margin:0 0 14px}.compact-toggle{flex:none;min-width:172px}.plans-market-grid{display:grid;gap:11px;grid-template-columns:repeat(3,minmax(0,1fr))}.market-plan-card{background:linear-gradient(145deg,var(--panel-subtle),rgba(124,101,245,.045));border:1px solid var(--border);border-radius:15px;display:grid;gap:13px;min-width:0;padding:15px}.market-plan-head{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.market-plan-head strong{font-size:14px}.market-plan-head b{color:var(--violet-bright);font-size:16px;white-space:nowrap}.market-plan-facts{color:var(--muted);display:grid;font-size:9px;gap:6px}.market-plan-facts span:before{color:var(--cyan);content:"•";margin-right:7px}.market-plan-card .button{margin-top:auto;width:100%}@media(max-width:900px){.plans-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.plans-market-grid{grid-template-columns:1fr}.plans-market-panel .panel-header{display:grid}.compact-toggle{min-width:0;width:100%}.signed-out-card{margin-top:42px;padding:24px 18px}.signed-out-card .button{min-width:0;width:100%}}.configuration-order-panel{overflow:hidden}.configuration-order-list{display:grid;gap:8px}.configuration-order-row{align-items:center;background:#94a3b80a;border:1px solid var(--border);border-radius:13px;display:grid;gap:10px;grid-template-columns:42px minmax(0,1fr) auto auto;padding:10px 12px}.configuration-order-row.muted{opacity:.58}.configuration-index{background:#7c65f51f;border-radius:10px;color:var(--violet-bright);display:grid;font-size:9px;font-weight:900;height:34px;place-items:center;width:34px}.configuration-order-copy{display:grid;gap:3px;min-width:0}.configuration-order-copy b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.configuration-order-copy span{color:var(--muted);font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-buttons{align-items:center;display:flex;gap:5px}.order-buttons .icon-button{font-size:12px;height:31px;min-width:31px;width:31px}.server-order-buttons{margin-left:auto}.danger-mini{color:var(--red)!important}.plan-config-section{background:#03081221;border:1px solid var(--border);border-radius:16px;margin-top:15px;padding:14px}.plan-config-head{align-items:center;display:flex;gap:14px;justify-content:space-between}.plan-config-head>div{display:grid;gap:4px;min-width:0}.plan-config-head strong{font-size:11px}.plan-config-head span{color:var(--muted);font-size:8px;line-height:1.55}.plan-config-head .toggle-control{flex:none}.plan-config-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:13px}.plan-config-column{align-content:start;display:grid;gap:7px;min-width:0}.mini-label{color:var(--muted);font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.plan-config-option,.plan-config-selected{background:#94a3b809;border:1px solid var(--border);border-radius:12px;color:var(--text);min-width:0}.plan-config-option{align-items:center;cursor:pointer;display:flex;gap:8px;justify-content:space-between;padding:10px;text-align:left;width:100%}.plan-config-option.selected{background:#7c65f517;border-color:#7c65f56b}.plan-config-option>span{display:grid;gap:3px;min-width:0}.plan-config-option b{font-size:9px}.plan-config-option b,.plan-config-option small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-config-option small{color:var(--muted);font-size:7px}.plan-config-option em{color:var(--violet-bright);font-style:normal;font-weight:900}.plan-config-selected{align-items:center;display:grid;gap:8px;grid-template-columns:34px minmax(0,1fr) auto;padding:8px}.plan-config-selected>b{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-node-list small{color:var(--muted);font-size:7px}@media(max-width:760px){.configuration-order-row{grid-template-columns:36px minmax(0,1fr) auto}.configuration-order-row>.status-badge{grid-column:2;justify-self:start}.configuration-order-row>.order-buttons{grid-column:3;grid-row:1/3}.plan-config-grid{grid-template-columns:1fr}.plan-config-head{align-items:flex-start;flex-direction:column}.plan-config-head .toggle-control{width:100%}.server-card-head{flex-wrap:wrap}.server-order-buttons{justify-content:flex-end;margin-left:0;order:4;width:100%}}.fa-ui-icon{display:inline-block;flex:none;height:1em;vertical-align:-.125em;width:1em}.button{align-items:center;display:inline-flex;gap:8px;justify-content:center}.nav-icon{border:0!important;border-radius:0!important;box-shadow:none!important;display:grid;height:22px;opacity:.9;place-items:center;transform:none!important;width:22px}.nav-icon:after,.nav-icon:before{display:none!important}.nav-icon .fa-ui-icon{height:17px;width:17px}.metric-icon .fa-ui-icon,.payment-icon .fa-ui-icon{height:18px;width:18px}.refresh-pill{color:var(--violet-bright)}.section-toolbar-panel{align-items:center;display:flex;gap:20px;justify-content:space-between;padding:18px 20px}.section-toolbar-panel>div:first-child{min-width:0}.section-toolbar-panel h3{font-size:20px;margin:5px 0 3px}.section-toolbar-panel h3 small{color:var(--muted);font-size:12px;margin-left:6px}.section-toolbar-panel p{color:var(--muted);font-size:10px;line-height:1.55;margin:0}.section-toolbar-actions{align-items:center;display:flex;flex:none;gap:8px}.table-actions{align-items:center;display:flex;gap:7px;justify-content:flex-end;white-space:nowrap}.table-actions .icon-button{height:35px;width:35px}.drawer-footer-spacer{flex:1}.drawer-delete-user{margin-right:auto}html.modal-open{overflow:hidden}.app-modal-layer{display:grid;top:0;right:0;bottom:0;left:0;padding:20px;place-items:center;position:fixed;z-index:6000}.app-modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#02060fb8;border:0;cursor:default;top:0;right:0;bottom:0;left:0;position:absolute}.app-modal{background:var(--panel-strong);border:1px solid var(--border-strong);border-radius:24px;box-shadow:0 34px 110px #0000008c;display:flex;flex-direction:column;max-height:min(90vh,920px);overflow:hidden;position:relative;width:min(650px,100%)}.app-modal.wide{width:min(1040px,100%)}.app-modal-header{align-items:center;background:linear-gradient(180deg,rgba(167,139,250,.05),transparent);border-bottom:1px solid var(--border);display:flex;gap:18px;justify-content:space-between;padding:20px 22px}.app-modal-header h2{font-size:22px;letter-spacing:-.03em;margin:5px 0 0}.app-modal-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:22px}.app-modal-footer{align-items:center;background:#00000014;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;padding:15px 22px}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .18s ease}.modal-fade-enter-active .app-modal,.modal-fade-leave-active .app-modal{transition:transform .2s ease,opacity .18s ease}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}.modal-fade-enter-from .app-modal,.modal-fade-leave-to .app-modal{opacity:0;transform:translateY(12px) scale(.985)}.form-grid.one-col{grid-template-columns:1fr}.drawer-subscriptions-toolbar{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.drawer-subscriptions-toolbar p{color:var(--muted);font-size:9px;margin:0}@media(max-width:760px){.section-toolbar-panel{align-items:flex-start;flex-direction:column}.section-toolbar-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.app-modal-layer{align-items:end;padding:8px}.app-modal,.app-modal.wide{border-radius:22px 22px 12px 12px;max-height:94vh;width:100%}.app-modal-body,.app-modal-header{padding:16px}.app-modal-footer{flex-wrap:wrap;padding:12px 16px}.app-modal-footer .button{flex:1 1 140px}.table-actions{justify-content:flex-start}}@media(max-width:480px){.section-toolbar-actions{grid-template-columns:1fr}.system-pill.refresh-pill{display:none}}.compact-action-row,.drawer-subscription-card .card-actions,.server-card .card-actions,.subscription-admin-card .card-actions{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.compact-action-row .button,.drawer-subscription-card .card-actions .button,.server-card .card-actions .button,.subscription-admin-card .card-actions .button{line-height:1.3;min-width:0;padding-inline:12px;text-align:center;white-space:normal;width:100%}.compact-action-row .button .fa-ui-icon,.drawer-subscription-card .card-actions .button .fa-ui-icon,.server-card .card-actions .button .fa-ui-icon,.subscription-admin-card .card-actions .button .fa-ui-icon{flex:none}.server-card-title{min-width:0}.server-card-title h3,.server-card-title p{overflow:hidden;text-overflow:ellipsis}.server-card-title p{white-space:nowrap}.compact-subscription-item{background:linear-gradient(180deg,#7c65f50f,#94a3b808);border:1px solid var(--border);border-radius:18px;padding:16px}.compact-subscription-main{gap:16px}.compact-subscription-main h3{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.compact-subscription-main h3:before{content:"
F517";font-size:16px}.subscription-card-top h3{margin:7px 0 5px}.subscription-auto-summary{background:#94a3b80d;border-radius:14px;margin:12px 0 0;padding:10px 12px}.subscription-admin-card .node-list{margin-top:12px}.form-hint{color:var(--muted);font-size:10px;line-height:1.6;margin:10px 0 0}.inline-toggle{align-self:start}.app-modal .plan-config-section{margin-top:0}.app-modal .form-toggle-row{margin-top:10px}.app-modal .plan-config-option,.app-modal .plan-config-selected{min-height:48px}.drawer-subscription-card .plan-config-section{margin:12px 0 14px}.market-plan-card .button{white-space:normal}.button{word-break:break-word}.icon-edit{min-width:126px}@media(max-width:760px){.compact-action-row,.drawer-subscription-card .card-actions,.server-card .card-actions,.subscription-admin-card .card-actions{grid-template-columns:1fr}.compact-action-row .button,.drawer-subscription-card .card-actions .button,.server-card .card-actions .button,.subscription-admin-card .card-actions .button{padding-inline:14px}.table-actions{flex-wrap:wrap}.icon-edit{min-width:0;width:100%}}