@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #0a0a0a;--panel: rgba(18, 18, 18, .92);--panel-solid: #141414;--panel-hover: #1a1a1a;--ink: #e5e5e5;--muted: #737373;--accent: #ffffff;--accent-glow: rgba(255,255,255,.08);--accent-dark: #d4d4d4;--green: #22c55e;--green-glow: rgba(34,197,94,.15);--orange: #f59e0b;--red: #ef4444;--red-glow: rgba(239,68,68,.15);--border: rgba(255,255,255,.06);--border-hover: rgba(255,255,255,.12);--shadow: 0 16px 48px rgba(0,0,0,.6);--radius: 20px;--radius-sm: 14px;--btn-h: 44px;--btn-h-sm: 34px;--btn-h-xs: 30px;--btn-pill: 999px;--transition: .25s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html,body,#root{min-height:100vh}#root{isolation:isolate}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased;font-size:16px;overflow-x:hidden}.page{min-height:100vh;position:relative;display:flex;flex-direction:column}.stars{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.star{position:absolute;background:radial-gradient(circle,#fff9,#ffffff08);border-radius:50%;animation:twinkle ease-in-out infinite alternate,drift linear infinite}@keyframes twinkle{0%{opacity:.08;transform:scale(.8)}to{opacity:.4;transform:scale(1.2)}}@keyframes drift{0%{transform:translateY(0) translate(0)}25%{transform:translateY(-15px) translate(8px)}50%{transform:translateY(-5px) translate(-5px)}75%{transform:translateY(-20px) translate(3px)}to{transform:translateY(0) translate(0)}}.page-transition{animation:pageIn .25s ease-out}@keyframes pageIn{0%{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.topbar{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:14px 6vw;-webkit-backdrop-filter:blur(24px) saturate(1.2);backdrop-filter:blur(24px) saturate(1.2);background:#0a0a0ad1;border-bottom:1px solid var(--border)}.brand{font-size:24px;font-weight:700;letter-spacing:1.5px;text-decoration:none;background:linear-gradient(90deg,#fff,#555,#fff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:brandShimmer 4s ease-in-out infinite}@keyframes brandShimmer{0%{background-position:0% center}50%{background-position:100% center}to{background-position:0% center}}.topbar-nav{display:flex;gap:8px;align-items:center}.topbar-link{color:var(--muted);text-decoration:none;border:1px solid var(--border);padding:8px 16px;border-radius:999px;font-size:14px;font-weight:500;transition:var(--transition);background:#14141480}.topbar-link:hover{color:var(--ink);border-color:var(--border-hover);background:#1e1e1ecc}.topbar-user{display:flex;align-items:center;gap:10px;position:relative}.topbar-email{font-size:13px;color:var(--muted)}.topbar-balance{display:inline-flex;align-items:center;font-size:13px;font-weight:600;color:var(--green);background:#22c55e14;border:1px solid rgba(34,197,94,.15);padding:5px 12px;border-radius:999px;text-decoration:none;transition:var(--transition)}.topbar-balance:hover{background:#22c55e1f;border-color:#22c55e4d}.topbar-avatar{width:34px;height:34px;border-radius:50%;background:var(--panel-solid);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--muted);text-decoration:none;transition:var(--transition);overflow:hidden;cursor:pointer;padding:0;outline:none;flex-shrink:0}.topbar-avatar:hover{border-color:var(--border-hover)}.topbar-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.topbar-profile-btn{display:flex;align-items:center;gap:10px;background:#14141480;border:1px solid var(--border);padding:4px 12px 4px 4px;border-radius:999px;cursor:pointer;transition:var(--transition);color:var(--ink);font-size:14px;font-weight:600}.topbar-profile-btn:hover{background:#1e1e1ecc;border-color:var(--border-hover)}.topbar-profile-btn svg{color:var(--muted);transition:var(--transition)}.topbar-profile-btn:hover svg{color:var(--ink)}.topbar-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:180px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:8px 0;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;animation:dropdownFade .2s ease;z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.topbar-dropdown-header{padding:8px 8px 4px}.topbar-dropdown-balance{display:flex;align-items:center;justify-content:space-between;background:#22c55e14;border:1px solid rgba(34,197,94,.15);border-radius:var(--radius-sm);padding:8px 12px;text-decoration:none;transition:var(--transition)}.topbar-dropdown-balance:hover{background:#22c55e1f;border-color:#22c55e4d}.topbar-dropdown-balance-label{font-size:13px;font-weight:500;color:var(--muted)}.topbar-dropdown-balance-value{font-size:14px;font-weight:600;color:var(--green)}.topbar-dropdown-divider{height:1px;background:var(--border);margin:4px 0}.topbar-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:13px;font-weight:500;color:var(--muted);text-decoration:none;transition:var(--transition);background:none;border:none;width:100%;text-align:left;cursor:pointer}.topbar-dropdown-item:hover{background:#ffffff08;color:#fff9}.topbar-dropdown-item svg{color:var(--muted)}.topbar-dropdown-item:hover svg{color:#fff9}.topbar-dropdown-item.text-red{color:var(--red)}.topbar-dropdown-item.text-red svg{color:var(--red)}.topbar-dropdown-item.text-red:hover{background:#ef444414}.btn-logout{background:none;border:1px solid var(--border);color:var(--muted);padding:6px 12px;border-radius:999px;font-size:12px;cursor:pointer;transition:var(--transition)}.btn-logout:hover{color:var(--red);border-color:#ef444440}.dashboard-shell{position:relative;z-index:2;flex:1;display:grid;grid-template-columns:230px 1fr;gap:28px;padding:28px 6vw 40px;max-width:1340px;margin:0 auto;width:100%}.sidebar{position:sticky;top:72px;align-self:start;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px 14px;display:flex;flex-direction:column;gap:4px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:border-color var(--transition)}.sidebar:hover{border-color:var(--border-hover)}.sidebar-title{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--muted);padding:0 10px 10px;border-bottom:1px solid var(--border);margin-bottom:6px;font-weight:600}.sidebar-user{display:flex;align-items:center;gap:10px;padding:12px 10px;margin-bottom:6px;border-bottom:1px solid var(--border);cursor:pointer;border-radius:var(--radius-sm);transition:background .2s ease;color:inherit}.sidebar-user:hover{background:#ffffff0a}.sidebar-user-balance{text-decoration:none;color:var(--green);transition:opacity .2s}.sidebar-user-balance:hover{opacity:.7}.sidebar-avatar{width:38px;height:38px;border-radius:50%;flex-shrink:0;background:var(--panel-solid);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--muted);overflow:hidden}.sidebar-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.sidebar-user-info{display:flex;flex-direction:column;gap:1px;min-width:0;justify-content:center;height:38px}.sidebar-user-name{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.sidebar-user-balance{font-size:12px;color:var(--green);font-weight:500;line-height:1.2}.side-link{color:var(--muted);text-decoration:none;border-radius:var(--radius-sm);padding:11px 14px;font-size:14px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:10px;position:relative;overflow:hidden}.side-link-label{flex:1;min-width:0}.side-link-badge{width:8px;height:8px;border-radius:50%;flex:0 0 auto;background:#a3a3a3}.side-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ink);border-radius:0 4px 4px 0;transform:scaleY(0);transition:transform .2s ease}.side-link:hover{color:var(--ink);background:#ffffff0a}.side-link.active{color:var(--ink);background:#ffffff0f}.side-link.active:before{transform:scaleY(1)}.side-icon{font-size:16px;transition:transform .2s ease;display:flex;align-items:center}.side-link:hover .side-icon{transform:scale(1.15)}.dashboard{display:flex;flex-direction:column;gap:20px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:28px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}.card-compact{padding:18px}.card:hover{border-color:var(--border-hover)}.hero-card{background:linear-gradient(135deg,#ffffff08,#121212b3);border-color:#ffffff14;position:relative;overflow:hidden}.hero-kicker{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-weight:600}.billing-title{font-size:clamp(22px,2.5vw,32px);font-weight:700;line-height:1.2;margin-bottom:8px}.billing-subtitle{color:var(--muted);font-size:15px;line-height:1.5}.quick-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.dash-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dash-stat-card{padding:22px 24px!important;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}a.dash-stat-card:hover{border-color:var(--border-hover);transform:translateY(-1px)}.dash-stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dash-stat-label{font-size:13px;font-weight:600;color:var(--ink)}.dash-stat-icon-wrap{color:var(--muted);display:flex;align-items:center;justify-content:center}.dash-stat-icon-green{color:var(--green)}.dash-stat-value{font-size:clamp(28px,3vw,38px);font-weight:700;line-height:1;letter-spacing:-.5px;font-variant-numeric:tabular-nums;margin-bottom:6px}.dash-stat-value-green{color:var(--green)}.dash-stat-sub{font-size:12px;color:var(--muted)}.plan-card-disabled{opacity:.45;pointer-events:none;filter:grayscale(.4)}.auth-wrapper{position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 60px);padding:40px 20px}.auth-card{width:100%;max-width:400px}.auth-tabs{display:flex;gap:4px;margin-bottom:20px;background:#141414b3;border-radius:var(--radius-sm);padding:4px;border:1px solid var(--border)}.tab{flex:1;border:none;background:transparent;color:var(--muted);border-radius:10px;padding:10px 14px;cursor:pointer;font-size:13px;font-weight:500;transition:all .25s ease}.tab:hover{color:var(--ink)}.tab.active{background:#ffffff1a;color:#fff}.auth-form,.auth-2fa-step{display:flex;flex-direction:column;gap:14px}.auth-2fa-header{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 0 16px}.auth-2fa-icon{display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--ink)}.auth-2fa-icon svg{width:42px;height:42px;stroke-width:1.5;opacity:.9}.auth-2fa-title{font-size:18px;font-weight:700;color:var(--ink);margin-bottom:8px}.auth-2fa-desc{font-size:13px;line-height:1.45;color:var(--muted)}.terms-consent{display:flex;align-items:center;gap:8px;padding:0 4px;margin-top:-2px;transition:color var(--transition)}.terms-consent.has-error{color:var(--red)}.terms-check{position:relative;display:block;flex:0 0 auto;cursor:pointer}.terms-check input{position:absolute;top:0;right:0;bottom:0;left:0;width:16px;height:16px;margin:0;opacity:0;cursor:pointer}.terms-box{width:16px;height:16px;border-radius:5px;border:1px solid rgba(255,255,255,.14);background:#ffffff06;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.terms-box:after{content:"";width:5px;height:9px;border-right:2px solid #0a0a0a;border-bottom:2px solid #0a0a0a;transform:rotate(45deg) scale(.7);opacity:0;transition:opacity .2s ease,transform .2s ease;margin-bottom:2px}.terms-check input:checked+.terms-box{background:#fff;border-color:#fff}.terms-check input:checked+.terms-box:after{opacity:1;transform:rotate(45deg) scale(1)}.terms-check input:focus-visible+.terms-box{box-shadow:0 0 0 3px #ffffff14}.terms-copy{font-size:13px;line-height:1.35;color:#666;font-weight:500}.terms-consent.has-error .terms-box{border-color:#ef44448c;box-shadow:0 0 0 3px #ef44440f}.terms-consent.has-error .terms-copy{color:#ef4444db}.terms-copy-toggle{display:inline;color:inherit;font:inherit;cursor:pointer}.terms-link{color:#ffffffb8;font-weight:650;text-decoration:none;transition:var(--transition)}.terms-link:hover{color:#fff}.auth-forgot-link{align-self:flex-end;background:none;border:none;padding:0;margin-top:-6px;font-size:12.5px;color:var(--muted);cursor:pointer;transition:color var(--transition)}.auth-forgot-link:hover{color:var(--ink)}.terms-error{padding:0;margin-top:-4px;font-size:12px}label,.field-label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted);font-weight:500}input,select{padding:14px 18px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#141414b3;color:var(--ink);font-size:16px;transition:all .25s ease;outline:none;font-family:inherit}input:focus,select:focus{border-color:#fff3;box-shadow:0 0 0 3px #ffffff0a}input:disabled,select:disabled{opacity:.5;cursor:not-allowed}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.custom-select{position:relative;display:inline-flex;width:100%}.custom-select select{width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:42px;cursor:pointer}.custom-select-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%) rotate(-90deg);pointer-events:none;color:var(--muted);display:flex;align-items:center;transition:transform .2s ease}.custom-select:hover .custom-select-arrow{color:var(--ink)}select option{background:#1a1a1a;color:var(--ink);padding:10px}.summary-box{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:16px}.summary-item{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;gap:8px}.summary-item:not(:last-child){border-bottom:1px solid var(--border)}.summary-label{font-size:12px;color:var(--muted);flex-shrink:0}.summary-val{font-size:13px;font-weight:600;color:var(--ink);text-align:right}.summary-sub{font-size:11px;color:var(--muted);text-align:right;margin-top:2px}.summary-divider{height:1px;background:var(--border)}.summary-warning{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:12px;color:var(--orange,#f59e0b);background:#f59e0b0f;border-top:1px solid var(--border)}.ping-val{font-size:13px;font-weight:700}.ping-good{color:var(--green,#22c55e)}.ping-mid{color:var(--orange,#f59e0b)}.ping-bad{color:var(--red,#ef4444)}.promo-section{margin-top:12px}.promo-success{display:flex;align-items:center;gap:6px;padding:8px 0 0;font-size:12px;color:var(--green,#22c55e)}.promo-input-row{display:flex;gap:8px;align-items:stretch}.promo-input{flex:1;padding:10px 14px;font-size:14px;text-transform:uppercase;letter-spacing:1.5px;font-weight:600;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:var(--ink);outline:none;font-family:inherit;transition:all .25s ease}.promo-input:focus{border-color:#ffffff40;box-shadow:0 0 0 3px #ffffff0d}.promo-input::placeholder{letter-spacing:.5px;font-weight:400;text-transform:none;opacity:.5;color:var(--muted)}.promo-apply-btn{white-space:nowrap;padding:10px 18px!important;font-size:13px!important}.promo-applied{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);background:#22c55e14;border:1px solid rgba(34,197,94,.2)}.promo-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#22c55e}.confirm-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.confirm-main{display:flex;flex-direction:column;gap:16px;min-width:0}.confirm-server{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 14px;margin-bottom:12px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);background:#ffffff05}.confirm-server-icon{width:44px;height:44px;border-radius:12px;flex-shrink:0;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;color:var(--ink)}.confirm-server-info{min-width:0}.confirm-server-name{font-size:15px;font-weight:700;color:var(--ink);word-break:break-word;letter-spacing:-.2px}.confirm-server-plan{font-size:12px;color:var(--muted);margin-top:2px}.confirm-specs{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px;margin-top:2px;padding-top:10px;border-top:1px solid rgba(255,255,255,.04)}.confirm-specs .spec-tag{display:inline-flex;align-items:center;justify-content:center;font-size:11px;padding:4px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:999px;color:var(--ink);white-space:nowrap}.confirm-os{display:inline-flex;align-items:center;gap:7px}.confirm-os img{width:16px;height:16px;object-fit:contain;display:block}.confirm-back-mobile{display:none}.confirm-pay-card{position:sticky;top:84px}.pay-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;font-size:13px;color:var(--muted)}.pay-row-val{color:var(--ink);font-weight:600;text-align:right}.pay-row-suffix{color:var(--muted);font-weight:500;font-size:11px}.pay-discount{color:var(--green)}.pay-total-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;margin-top:4px;border-top:1px solid var(--border);font-size:14px;font-weight:700;color:var(--ink)}.pay-total{font-size:22px;font-weight:700}.pay-promo{margin:2px 0 14px}.pay-promo .promo-input{padding:8px 12px;font-size:13px;min-width:0;width:100%}.pay-promo .promo-input-row .btn-sm{flex-shrink:0}.pay-balance{padding:10px 14px;margin-bottom:14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff05;transition:var(--transition)}.pay-balance.insufficient{border-color:#ef444440;background:#ef44440d}.pay-balance-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted)}.pay-balance-label{display:inline-flex;align-items:center;gap:8px}.pay-balance-val{font-weight:700;color:var(--ink)}.pay-balance.insufficient .pay-balance-val{color:var(--red)}.pay-balance-warn{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--red);margin-top:10px;padding-top:10px;border-top:1px dashed rgba(239,68,68,.25)}.pay-submit{width:100%;min-height:var(--btn-h-sm);font-size:14px}.pay-submit:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.pay-topup{width:100%;margin-top:8px}.pay-note{font-size:11px;color:var(--muted);margin-top:12px;line-height:1.5;text-align:center}@media (max-width: 900px){.confirm-grid{grid-template-columns:1fr}.confirm-pay-card{position:static}}.promo-type-switch{display:flex;gap:8px}.promo-type-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:999px;font-size:13px;font-weight:600;background:#ffffff0a;border:1px solid var(--border);color:var(--muted);transition:all .2s ease;cursor:pointer}.promo-type-btn:hover{background:#ffffff12;color:#fff}.promo-type-btn.active{background:#fff;color:#0a0a0a;border-color:#fff}.promo-type-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.promo-type-badge.discount{background:#7c5cff1f;color:#a78bfa}.promo-type-badge.balance{background:#22c55e1f;color:#22c55e}.hidden-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.hidden-item{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid var(--border);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.hidden-item:hover{background:#ffffff0f;border-color:var(--border-hover)}.hidden-item.hidden-off{opacity:.45;background:#ef44440a;border-color:#ef444426}.hidden-item.hidden-off:hover{opacity:.7}.hidden-toggle{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;background:#ef44441f;color:#ef4444}.hidden-toggle.on{background:#22c55e1f;color:#22c55e}.hidden-name{font-size:13px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden-sub{font-size:11px;color:var(--muted);margin-left:auto;flex-shrink:0}button{border:none;cursor:pointer;font-size:15px;font-weight:600;font-family:inherit;transition:background var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition),opacity var(--transition),filter var(--transition)}.primary{background:#fff;color:#0a0a0a;padding:14px 26px;border-radius:999px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 16px #ffffff0f;font-weight:600;font-size:15px}.primary:hover{box-shadow:0 8px 24px #ffffff1a;background:#f0f0f0}.primary:disabled,.primary:disabled:hover{background:#ffffff14;color:var(--muted);border:1px solid var(--border);box-shadow:none;cursor:not-allowed;opacity:.65}.ghost{background:#ffffff0a;border:1px solid var(--border);color:var(--ink);padding:12px 22px;border-radius:999px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:500;font-size:15px}.ghost:hover{background:#ffffff14;border-color:var(--border-hover)}.danger{background:#ef44441a;color:var(--red);border:1px solid rgba(239,68,68,.2);padding:12px 20px;border-radius:999px;font-weight:600;font-size:14px}.danger:hover{background:#ef44442e}.btn-sm{padding:9px 16px;font-size:13px}.btn-green{background:#22c55e1a;color:var(--green);border:1px solid rgba(34,197,94,.2);padding:12px 20px;border-radius:999px;font-weight:600;font-size:14px}.btn-green:hover{background:#22c55e2e}.primary,.ghost,.danger,.btn-green,.period-pill,.admin-tab,.footer-pick-btn,.topup-method-btn,.renew-opt{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;line-height:1.1;text-decoration:none}.primary,.ghost,.danger,.btn-green{min-height:var(--btn-h);border-radius:var(--btn-pill);white-space:nowrap}.btn-sm{min-height:var(--btn-h-sm);padding:0 16px}.btn-xs{line-height:1;white-space:nowrap}.segment-tabs{display:inline-flex;gap:4px;background:#141414b3;border-radius:var(--radius-sm);padding:4px;border:1px solid var(--border);overflow-x:auto;max-width:100%;scrollbar-width:none}.segment-tabs::-webkit-scrollbar{display:none}.segment-tab{border:none;background:transparent;color:var(--muted);border-radius:10px;padding:8px 16px;cursor:pointer;font-size:13px;font-weight:600;transition:all .25s ease;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.segment-tab:hover{color:var(--ink)}.segment-tab.active{background:#ffffff1a;color:#fff;box-shadow:0 2px 8px #0003}.segment-tab-muted{cursor:pointer}.segment-tab:disabled{opacity:.5;cursor:not-allowed}.create-filters-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:24px;margin-bottom:16px;align-items:start}.create-filter-group{display:flex;flex-direction:column;gap:10px;min-width:0}.create-filter-group.align-left{align-items:flex-start}.create-filter-group.align-center{align-items:center}.create-filter-group.align-right{align-items:flex-end}.create-filter-group.plan-line-filter .segment-tabs,.create-filter-group.billing-period-filter .segment-tabs{width:max-content;max-width:none}@media (max-width: 860px){.create-filters-row{grid-template-columns:1fr}}@media (max-width: 768px){.create-filter-group.align-left,.create-filter-group.align-center,.create-filter-group.align-right{align-items:flex-start}}.status{font-size:13px;color:var(--muted);padding:8px 0}.status-error{color:var(--red)}.status-success{color:var(--green)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:10px}.toast{background:var(--panel-solid);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0;font-size:13px;box-shadow:0 8px 32px #00000080;animation:toastIn .4s cubic-bezier(.22,1,.36,1);max-width:380px;min-width:280px;overflow:hidden;cursor:pointer;position:relative}.toast-badge{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;flex-shrink:0}.toast-badge-success{background:var(--green-glow);color:var(--green)}.toast-badge-error{background:var(--red-glow);color:var(--red)}.toast-badge-info{background:#3b82f626;color:#3b82f6}.toast-body{flex:1;padding:2px 0;line-height:1.4;color:var(--ink)}.toast>.toast-badge,.toast>.toast-body{display:inline-flex}.toast{display:flex;align-items:center;gap:12px;padding:14px 18px}.toast-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff0a}.toast-progress-bar{height:100%;border-radius:0 0 var(--radius-sm) var(--radius-sm);animation:toastTimer linear forwards}.toast-progress-success{background:var(--green)}.toast-progress-error{background:var(--red)}.toast-progress-info{background:#3b82f6}@keyframes toastTimer{0%{width:100%}to{width:0%}}.toast-exit{animation:toastOut .3s ease-in forwards}@keyframes toastIn{0%{transform:translate(120%) scale(.95);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes toastOut{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(120%) scale(.95);opacity:0}}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:18px}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted);font-weight:500}.section-box{border:1px solid var(--border);border-radius:var(--radius);padding:18px;background:#14141480;display:flex;flex-direction:column;gap:14px;transition:border-color var(--transition)}.section-box:hover{border-color:var(--border-hover)}.section-label{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--muted);font-weight:600}.info-row{display:flex;align-items:center;gap:10px;font-size:14px}.info-label{color:var(--muted);font-size:13px;width:75px;flex-shrink:0}.info-value{color:var(--ink);font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;word-break:break-all}.btn-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.servers-page-stack{display:flex;flex-direction:column;gap:18px}.servers-hero{display:flex;justify-content:space-between;align-items:stretch;gap:18px;flex-wrap:wrap;background:var(--panel);border-color:var(--border);overflow:hidden}.servers-hero:hover{border-color:var(--border-hover)}.servers-hero-copy{min-width:240px;flex:1}.servers-hero-side{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.servers-create-link{text-decoration:none;display:flex;align-items:center;gap:6px;align-self:center}.servers-list-card{padding:0;overflow:hidden;background:var(--panel);border-color:var(--border)}.servers-list-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid var(--border)}.servers-list-note{margin-top:6px;color:var(--muted);font-size:13px}.servers-search{position:relative;display:flex;align-items:center;width:min(420px,100%)}.servers-search-icon{position:absolute;left:14px;display:flex;align-items:center;justify-content:center;color:var(--muted);pointer-events:none;opacity:.75}.servers-search input{width:100%;min-height:40px;padding:0 16px 0 42px;border-radius:12px;border:1px solid var(--border);background:#ffffff06;color:var(--ink);font:inherit;font-size:14px;outline:none;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}.servers-search input::placeholder{color:#ffffff5c}.servers-search input:focus{border-color:var(--border-hover);background:#ffffff09;box-shadow:0 0 0 3px #ffffff09}.srv-list{display:flex;flex-direction:column;gap:0;background:transparent;border:none;border-radius:0;overflow:hidden;transition:border-color .3s ease}.srv-row{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;overflow:hidden;padding:18px 20px;transition:background .2s ease;border-bottom:1px solid var(--border)}.srv-row:last-child{border-bottom:none}.srv-row:hover{background:#ffffff05}.srv-row.srv-expired{background:#7373730f;border-left:2px solid rgba(115,115,115,.2)}.srv-row.srv-removing{pointer-events:none;max-height:180px;background:#ffffff05;transform-origin:center top;animation:srvRemoveRow .48s cubic-bezier(.4,0,.2,1) forwards}.srv-row.srv-removing .srv-left,.srv-row.srv-removing .srv-actions{animation:srvRemoveContent .28s ease forwards}@keyframes srvRemoveContent{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.985)}}@keyframes srvRemoveRow{0%{opacity:1;max-height:180px;padding-top:18px;padding-bottom:18px;transform:scaleY(1);border-bottom-color:var(--border)}45%{opacity:.72;max-height:180px;padding-top:18px;padding-bottom:18px;transform:scaleY(.98);border-bottom-color:var(--border)}to{opacity:0;max-height:0;padding-top:0;padding-bottom:0;transform:scaleY(.92);border-bottom-color:transparent}}.srv-left{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.srv-name-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.srv-name{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.srv-meta-line{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);flex-wrap:wrap}.srv-plan{font-weight:500}.srv-ip{font-family:JetBrains Mono,Fira Code,monospace;color:#ffffffb8}.srv-ip-copyable{cursor:pointer;transition:color .15s ease}.srv-ip-copyable:hover{color:var(--ink)}.srv-ptr{font-family:JetBrains Mono,Fira Code,monospace;color:#ffffffb8}.srv-meta-sep{opacity:.3}.srv-meta-date{opacity:.7}.srv-expiry{font-weight:600}.srv-tags{display:flex;flex-wrap:wrap;gap:4px}.srv-tags .spec-tag{font-size:11px;padding:3px 8px}.srv-stats{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);flex-wrap:wrap;margin-top:2px}.srv-state-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.srv-state-label{font-weight:600;font-size:11px}.srv-stat-sep{opacity:.3}.srv-stat-item{white-space:nowrap}.srv-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.srv-actions .btn-sm{min-height:32px;padding:0 12px;font-size:12px}.srv-ar-btn{width:34px;min-width:34px;padding:0!important;color:var(--ink);background:#ffffff0b;border-color:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff09;opacity:1;transition:all .2s}.srv-ar-btn svg{opacity:.85}.srv-ar-btn:hover{background:#ffffff14;border-color:#ffffff40}.srv-ar-btn.on{color:var(--green);background:#22c55e1a;border-color:#22c55e4d;box-shadow:inset 0 0 0 1px #22c55e26}.srv-ar-btn.on svg{opacity:1}.servers-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:220px;padding:28px;color:var(--muted);text-align:center;background:#ffffff03}.servers-no-results .empty-icon{opacity:.45;line-height:0}.servers-pagination{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:16px 20px;border-top:1px solid var(--border)}.servers-page-info{min-height:32px;display:inline-flex;align-items:center;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:#ffffff08;color:var(--muted);font-size:12px;font-weight:600}.servers-panel-card{background:var(--panel);border-color:var(--border)}.servers-panel-card .section-box{background:#ffffff05;border-color:var(--border)}.renew-modal{text-align:center}.renew-options{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:16px 0 12px}.renew-opt{width:auto;min-width:80px;padding:0 16px;border-radius:999px;font-size:13px;font-weight:600;background:#ffffff0a;border:1px solid var(--border);color:var(--muted);transition:all .2s;cursor:pointer;min-height:36px}.renew-opt:hover{border-color:var(--border-hover);color:var(--ink)}.renew-opt.active{background:#ffffff14;border-color:#ffffff40;color:var(--ink)}.renew-price{font-size:14px;color:var(--muted);margin-bottom:8px}.renew-price strong{color:var(--ink);font-size:18px}.renew-modal .modal-actions{justify-content:center}@media (max-width: 520px){.renew-options{justify-content:center}}.server-specs{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.spec-tag{font-size:12px;padding:6px 12px;border-radius:999px;background:#ffffff0a;border:1px solid var(--border);color:var(--muted);font-weight:500;transition:var(--transition)}.spec-tag:hover{border-color:var(--border-hover);color:var(--ink)}.badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;letter-spacing:.5px;text-transform:uppercase;transition:var(--transition)}.badge-active{background:#22c55e1a;color:var(--green);border:1px solid rgba(34,197,94,.2)}.badge-suspended{background:#ef444414;color:#ef4444;border:1px solid rgba(239,68,68,.15)}.badge-none{background:#ffffff0a;color:var(--muted);border:1px solid var(--border)}.balance-status-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:78px;padding:5px 10px;border-radius:999px;background:#ffffff09;border:1px solid var(--border);color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap}.balance-status-badge svg{width:12px;height:12px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.balance-status-paid{color:var(--ink);background:#ffffff0e;border-color:var(--border-hover)}.balance-status-pending{color:#a3a3a3}.balance-status-rejected{color:#6f6f6f;background:#ffffff06}.manage-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.location-picker{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 4px}.location-card{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 14px;background:#14141480;cursor:pointer;transition:all .22s ease;outline:none;font-size:13px;font-weight:600;color:var(--muted)}.location-card:hover{border-color:var(--border-hover);background:#1e1e1e99;color:var(--ink)}.location-card.selected{border-color:#ffffff52;background:#ffffff0d;color:var(--ink);box-shadow:0 0 0 2px #ffffff0f}.location-card-name{white-space:nowrap}.section-divider{border:none;border-top:1px solid var(--border);margin:14px 0}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.plans-grid-compact{gap:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.plan-card{border:1px solid var(--border);border-radius:var(--radius);padding:22px;background:#14141480;display:flex;flex-direction:column;gap:12px;transition:all .3s ease;cursor:pointer;position:relative}.plans-grid-compact .plan-card{padding:14px;gap:8px;border-radius:var(--radius-sm)}.plan-card:hover{border-color:var(--border-hover);box-shadow:0 8px 20px #0000003d}.plan-card.selected{border-color:#ffffff4d;box-shadow:0 0 0 2px #ffffff14,0 8px 20px #0000003d}.plan-card .plan-badge{position:absolute;top:12px;right:12px;font-size:10px;font-weight:700;padding:3px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:1px}.plan-badge-free{background:#22c55e1a;color:var(--green);border:1px solid rgba(34,197,94,.2)}.plan-badge-paid{background:#ffffff0f;color:var(--ink);border:1px solid var(--border)}.plan-name{font-size:18px;font-weight:700}.plans-grid-compact .plan-name{font-size:15px}.plan-price{font-size:24px;font-weight:700;color:var(--ink)}.plans-grid-compact .plan-price{font-size:18px}.plan-price span{font-size:13px;font-weight:500;color:var(--muted)}.plans-grid-compact .plan-price span{font-size:11px}.plan-features{list-style:none;display:flex;flex-direction:column;gap:6px}.plans-grid-compact .plan-features{gap:3px}.plan-features li{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px}.plans-grid-compact .plan-features li{font-size:12px;gap:6px}.plan-type-badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.5px;background:#ffffff0f;color:var(--muted);border:1px solid var(--border)}.plan-type-badge-promo{background:#f59e0b1a;color:var(--orange);border-color:#f59e0b33}.plan-type-badge-hicpu{background:#6366f11f;color:#a5b4fc;border-color:#6366f140}.plan-line-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;color:var(--muted);cursor:pointer;transition:all .2s ease;white-space:nowrap}.plan-line-chip:hover{border-color:var(--border-hover);color:var(--ink)}.plan-line-chip.active{background:#22c55e1a;color:var(--green);border-color:#22c55e4d}.plan-line-chip.active:hover{background:#ef44441a;color:var(--red);border-color:#ef44444d}.plan-line-chip:disabled{opacity:.5;cursor:not-allowed}.plan-line-chip-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0}.plan-line-chip-icon svg{width:14px;height:14px}.plan-line-unavailable{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 24px;text-align:center;border:1px dashed var(--border);border-radius:var(--radius);background:#1414144d;margin:4px 0 12px}.plan-line-unavailable-icon{color:var(--muted);opacity:.4;display:flex}.plan-line-unavailable-icon svg{width:28px;height:28px}.plan-line-unavailable-text{font-size:15px;font-weight:600;color:var(--ink);opacity:.7}.plan-line-unavailable-hint{font-size:12px;color:var(--muted);max-width:340px;line-height:1.5}.plan-line-preview-note{display:flex;align-items:center;gap:8px;margin:4px 0 12px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff08;color:var(--muted);font-size:12px;line-height:1.45}.plan-line-preview-note span:first-child{display:flex;opacity:.55;flex-shrink:0}.plan-line-preview-note svg{width:15px;height:15px}.stepper{display:flex;align-items:center;gap:0;margin-bottom:24px;padding:8px 16px;background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius)}.stepper-compact{margin-bottom:14px;padding:6px 12px;border-radius:var(--radius-sm)}.step{display:flex;align-items:center;gap:10px;flex-shrink:0;min-width:0}.step-num{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;background:#ffffff0a;border:2px solid var(--border);color:var(--muted);transition:all .3s ease}.stepper-compact .step-num{width:28px;height:28px;font-size:12px;border-width:1.5px}.stepper-compact .step-label{font-size:12px}.step.active .step-num{background:#ffffff1a;border-color:#fff;color:#fff;box-shadow:0 0 12px #ffffff1a}.step.done .step-num{background:var(--green);border-color:var(--green);color:#fff}.step-label{font-size:13px;font-weight:500;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step.active .step-label{color:var(--ink);font-weight:600}.step.done .step-label{color:var(--green)}.step-line{flex:1;height:2px;border-radius:2px;margin:0 16px;background:#ffffff14;position:relative;overflow:hidden;transition:background .3s ease}.step-line.done{background:var(--green)}.step-line.active{background:linear-gradient(90deg,var(--green) 0%,rgba(255,255,255,.08) 100%)}.stepper-mobile-current{display:none}.stepper-mobile-num{width:24px;height:24px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;border:1.5px solid rgba(255,255,255,.55);background:#ffffff14}.stepper-mobile-text{font-size:14px;font-weight:600;color:var(--ink)}.name-input-row{display:flex;gap:8px;align-items:center;margin-top:10px}.name-input-row>div{min-width:0}.name-input{flex:1;padding:12px 16px;border-radius:var(--radius-sm);font-size:15px;background:#14141480;border:1px solid var(--border);color:var(--ink);font-family:inherit;transition:border-color var(--transition);outline:none;min-width:0;width:100%}.name-input:focus{border-color:#ffffff40}.name-input::placeholder{color:var(--muted);opacity:.6}.name-gen-btn{width:44px;height:44px;flex-shrink:0;border-radius:var(--radius-sm);background:#ffffff0f;border:1px solid var(--border);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease}.name-gen-btn:hover{background:#ffffff1a;border-color:var(--border-hover);color:var(--ink)}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.pick-grid-compact{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.pick-grid-sm{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.pick-card{border:1px solid var(--border);border-radius:var(--radius);padding:16px 14px;background:#14141480;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;transition:all .25s ease;position:relative}.pick-grid-compact .pick-card{padding:10px 8px;gap:5px;border-radius:var(--radius-sm)}.pick-grid-compact .pick-icon{width:34px;height:34px;border-radius:8px}.pick-grid-compact .pick-icon svg{width:18px;height:18px}.pick-grid-compact .pick-name{font-size:12px}.pick-card:hover{border-color:var(--border-hover);background:#1e1e1e99}.pick-card.selected{border-color:#ffffff59;background:#ffffff0d;box-shadow:0 0 0 2px #ffffff0f,0 8px 24px #0000004d}.pick-card.selected:after{content:"✓";position:absolute;top:8px;right:10px;width:20px;height:20px;border-radius:50%;background:var(--green);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.pick-icon{width:44px;height:44px;border-radius:12px;background:#ffffff0a;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted);transition:all .25s ease}.pick-card:hover .pick-icon,.pick-card.selected .pick-icon{color:var(--ink);border-color:var(--border-hover);background:#ffffff12}.pick-name{font-size:13px;font-weight:600;color:var(--ink);line-height:1.3}.pick-sub{font-size:11px;color:var(--muted);margin-top:-4px}.pick-ping{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:#ffffff0a;color:var(--muted);margin-top:2px;font-family:JetBrains Mono,Fira Code,monospace;letter-spacing:.3px}.pick-ping.good{background:#22c55e1a;color:var(--green)}.pick-ping.mid{background:#f59e0b1a;color:var(--orange)}.pick-ping.bad{background:#ef44441a;color:var(--red)}.pick-card-sm{padding:12px 10px;gap:6px}.pick-icon-sm{width:32px;height:32px;border-radius:8px;background:#ffffff0a;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted);transition:all .25s ease}.pick-icon-sm svg{width:16px;height:16px}.pick-card-sm:hover .pick-icon-sm,.pick-card-sm.selected .pick-icon-sm{color:var(--ink);border-color:var(--border-hover);background:#ffffff12}.pick-card-sm .pick-name{font-size:12px}.image-picker-section{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff04;padding:14px;display:flex;flex-direction:column;gap:12px}.image-picker-hint{font-size:12px;color:var(--muted);line-height:1.45;margin-top:-4px}.image-picker-empty{margin:0}.os-image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.os-image-card{position:relative;border:1px solid var(--border);border-radius:16px;background:#14141499;padding:16px;display:flex;flex-direction:column;gap:14px;transition:all .25s ease;cursor:pointer}.os-image-card:hover{border-color:#fff3;background:#ffffff08}.os-image-card.selected{border-color:#fff6;background:#ffffff14;box-shadow:0 4px 24px #0006}.os-image-head{display:flex;align-items:center;gap:12px;min-height:44px;padding-right:28px}.os-image-logo{width:40px;height:40px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.os-image-logo img{width:100%;height:100%;object-fit:contain}.os-image-text{min-width:0;flex:1}.os-image-title{font-size:16px;line-height:1;font-weight:700;color:var(--ink);text-transform:lowercase;letter-spacing:.2px}.os-image-sub{font-size:12px;color:var(--muted);margin-top:4px}.os-image-check{position:absolute;top:12px;right:12px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:#111;font-size:11px;font-weight:800;box-shadow:0 2px 6px #0006;pointer-events:none}.custom-preview-dropdown-wrap{position:relative;width:100%;margin-top:auto}.custom-preview-dropdown-trigger,.custom-preview-dropdown-static{width:100%;height:38px;padding:0 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#0a0a0a8c;color:var(--ink);font-size:13px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.custom-preview-dropdown-trigger{cursor:pointer}.custom-preview-dropdown-static{cursor:default;opacity:.85}.custom-preview-dropdown-value{line-height:1;display:flex;align-items:center}.custom-preview-dropdown-trigger:hover,.custom-preview-dropdown-trigger.open{border-color:var(--border-hover);background:#ffffff0a}.custom-preview-dropdown-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.55;transition:transform .2s ease}.custom-preview-dropdown-arrow svg{width:14px;height:14px}.custom-preview-dropdown-trigger.open .custom-preview-dropdown-arrow{transform:rotate(180deg)}.custom-preview-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--panel-solid);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px;z-index:100;box-shadow:0 12px 32px #00000080;animation:modalFadeIn .15s ease-out;display:flex;flex-direction:column;gap:2px}.custom-preview-dropdown-item{display:flex;align-items:center;gap:10px;min-height:36px;padding:6px 10px;border-radius:8px;cursor:pointer;transition:all .15s ease}.custom-preview-dropdown-item:hover{background:#ffffff0d}.custom-preview-dropdown-item.active{background:#ffffff14}.os-image-logo-small{width:20px;height:20px;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.os-image-logo-small img{width:100%;height:100%;object-fit:contain}.custom-preview-dropdown-label{font-size:14px;font-weight:500;color:var(--ink);flex:1}.custom-preview-dropdown-check{font-size:12px;font-weight:800;color:var(--ink)}.os-picker{display:flex;flex-direction:column;gap:10px}.os-select-shell{border:1px solid var(--border);border-radius:18px;background:#080808d1;overflow:hidden}.os-select-toggle{width:100%;min-height:56px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;color:var(--ink);font-size:14px;font-weight:600;background:#0c0c0cd1;border:none;border-bottom:1px solid var(--border)}.os-select-toggle.open{border-bottom-color:var(--border-hover)}.os-select-arrow{display:flex;align-items:center;justify-content:center;opacity:.8}.os-select-toggle.open .os-select-arrow{transform:rotate(180deg)}.os-select-body{padding:12px;display:flex;flex-direction:column;gap:10px}.os-family-grid{display:flex;flex-wrap:wrap;gap:8px}.os-family-card{border:1px solid var(--border);border-radius:999px;background:#ffffff08;min-height:34px;padding:0 12px;display:flex;align-items:center;gap:8px;text-align:left}.os-family-card:hover{border-color:var(--border-hover);background:#ffffff0f}.os-family-card.active{border-color:#ffffff52;box-shadow:0 0 0 1px #ffffff1f;background:#ffffff1f}.os-family-name{font-size:13px;color:var(--ink);font-weight:600;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.os-family-count{font-size:11px;color:var(--muted);padding:1px 7px;border-radius:999px;background:#ffffff0f}.os-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.os-list{display:flex;flex-direction:column;max-height:320px;overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#00000052}.os-row{width:100%;min-height:48px;padding:0 12px;display:flex;align-items:center;gap:10px;text-align:left;color:var(--ink);background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.05)}.os-row:last-child{border-bottom:none}.os-row:hover{background:#ffffff0d}.os-row.selected{background:#ffffff1a}.os-row-title{font-size:15px;font-weight:600}.os-card{width:100%;border:1px solid var(--border);border-radius:14px;background:#1414148c;padding:10px 12px;display:flex;align-items:center;gap:10px;text-align:left}.os-card:hover{border-color:var(--border-hover);background:#ffffff0a}.os-card.selected{border-color:#ffffff52;box-shadow:0 0 0 2px #ffffff0f;background:#ffffff14}.os-icon{width:34px;height:34px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);font-size:12px;font-weight:800;letter-spacing:.3px;background:#ffffff0d;color:#fff}.os-icon-ubuntu{background:#e67e2233;color:#ffb171}.os-icon-debian{background:#e74c3c38;color:#ff9a8f}.os-icon-centos{background:#9b59b633;color:#d9a4ff}.os-icon-alma{background:#2ecc7133;color:#aef1c8}.os-icon-rocky{background:#27ae6033;color:#92e2b8}.os-icon-oracle{background:#c0392b33;color:#ff9f94}.os-icon-freebsd{background:#e74c3c33;color:#ffb2a9}.os-icon-astra{background:#34495e42;color:#c6d6e8}.os-icon-other{background:#95a5a62e;color:#d9e1e2}.os-info{min-width:0}.os-title{font-size:14px;font-weight:650;color:var(--ink);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.os-sub{font-size:11px;color:var(--muted);margin-top:3px}.os-empty{border:1px dashed var(--border);border-radius:12px;padding:14px;text-align:center;color:var(--muted);font-size:13px}.empty-state{text-align:center;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-icon{font-size:48px;margin-bottom:14px;opacity:.35}.empty-icon svg{width:1em;height:1em}.empty-title{font-size:18px;font-weight:600;margin-bottom:8px}.empty-text{color:var(--muted);font-size:14px;margin-bottom:20px}.empty-text:last-child{margin-bottom:0}.landing{position:relative;z-index:2;padding:40px 6vw 0;max-width:1200px;margin:0 auto;flex:1;min-width:0;width:100%}.landing-hero{text-align:center;padding:80px 36px 60px;position:relative;overflow:hidden;margin-bottom:40px}.landing-hero h1{font-size:clamp(32px,5vw,56px);font-weight:700;line-height:1.15;margin:0 0 18px;color:var(--ink)}.landing-hero h1 .highlight{display:inline-block;background:#fff;color:#0a0a0a;padding:2px 16px;border-radius:12px}.landing-hero h1 .hero-accent{background:linear-gradient(180deg,#fff,#9a9a9a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;letter-spacing:.5px;white-space:nowrap}.rotating-wrapper{display:inline-block;position:relative;overflow:hidden;vertical-align:middle;background:#fff;color:#0a0a0a;padding:0 16px;border-radius:12px}.rotating-sizer{display:block;visibility:hidden;white-space:nowrap}.rotating-word{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;white-space:nowrap}.rotating-word.enter{animation:rotateIn .45s cubic-bezier(.22,1,.36,1) forwards}.rotating-word.exit{animation:rotateOut .45s cubic-bezier(.55,0,1,.45) forwards}@keyframes rotateIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes rotateOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.copyable-field{display:inline-flex;align-items:center;gap:8px;min-width:0}.copyable-field .info-value{flex:1;min-width:0}.copy-btn,.eye-btn{background:none;border:1px solid var(--border);color:var(--muted);width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);flex-shrink:0;padding:0}.copy-btn:hover,.eye-btn:hover{color:var(--ink);border-color:var(--border-hover);background:#ffffff0a}.copy-btn.copied{color:var(--green);border-color:#22c55e4d}.landing-hero p{margin:0 auto 28px;color:var(--muted);font-size:16px;max-width:540px;line-height:1.6}.cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.cta .primary{padding:14px 28px;font-size:15px;gap:10px}.cta .ghost{padding:14px 28px;font-size:15px}.landing-section{margin-bottom:56px}.landing-pricing-section{max-width:1000px;margin-left:auto;margin-right:auto}.landing-section-head{text-align:center;margin:0 auto 28px;max-width:640px}.landing-section-kicker{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-weight:600}.landing-section-title{font-size:clamp(22px,2.6vw,30px);font-weight:700;color:var(--ink);line-height:1.2;margin:0}.landing-plan-filters{width:100%;max-width:740px;margin:0 auto 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:6px;border:1px solid rgba(255,255,255,.055);border-radius:999px;background:#0e0e0e6b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 14px 36px #00000038;overflow:hidden}.landing-filter-block{display:flex;align-items:center;gap:10px;min-width:0}.landing-filter-block-left{justify-content:flex-start}.landing-filter-block-right{justify-content:flex-end;padding-left:14px;border-left:1px solid rgba(255,255,255,.055)}.landing-location-picker{display:flex;justify-content:flex-start;align-items:center;gap:6px;flex-wrap:nowrap;margin:0}.landing-location-btn{display:inline-flex;align-items:center;gap:10px;min-height:34px;padding:7px 14px;border-radius:999px;background:#ffffff06;border:1px solid rgba(255,255,255,.055);color:#ffffff85;font-size:14px;font-weight:600;cursor:pointer;font:inherit;transition:var(--transition)}.landing-location-btn:hover{color:var(--ink);border-color:var(--border-hover);background:#ffffff0f}.landing-location-btn.active{color:var(--ink);background:#ffffff13;border-color:#ffffff24;box-shadow:inset 0 1px #ffffff0f,0 8px 18px #00000029}.landing-plan-tabs{display:flex;justify-content:flex-end;align-items:center;gap:6px;flex-wrap:nowrap}.landing-plan-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;border:1px solid transparent;border-radius:999px;padding:7px 14px;background:transparent;color:#ffffff7a;font:inherit;font-size:13px;font-weight:650;cursor:pointer;transition:var(--transition);white-space:nowrap}.landing-plan-tab:hover{color:var(--ink);background:#ffffff0b}.landing-plan-tab.active{color:var(--ink);background:#ffffff13;border-color:#ffffff21;box-shadow:0 8px 18px #0000002e}.landing-plan-tab.muted{opacity:.62}.landing-plan-tab-icon,.landing-plan-tab-lock{display:inline-flex;align-items:center;justify-content:center;opacity:.7}.landing-plan-tab-lock svg{width:14px;height:14px}@media (max-width: 620px){.landing-plan-filters{max-width:100%;gap:8px;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.landing-plan-filters::-webkit-scrollbar{display:none}.landing-filter-block{flex:0 0 auto}.landing-filter-block-right{margin-left:auto}}@media (max-width: 520px){.landing-plan-filters{border-radius:18px}.landing-location-btn,.landing-plan-tab{padding-inline:12px;font-size:12px;min-height:32px}}.landing-plans-empty{text-align:center;color:var(--muted);font-size:14px;padding:32px 16px;border-radius:var(--radius)}.landing-plans{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:32px}.landing-plan{flex:0 0 300px;width:300px;background:#10101094;border:1px solid rgba(255,255,255,.055);border-radius:18px;padding:22px;transition:all .3s ease;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}.landing-plan:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);opacity:.34}.landing-plan:hover{border-color:#ffffff1b;background:#121212a8;box-shadow:0 10px 28px #00000047;transform:translateY(-1px)}.landing-plan .lp-head{display:flex;justify-content:space-between;align-items:center}.lp-name{font-size:18px;font-weight:700;letter-spacing:-.2px}.lp-price{font-size:22px;font-weight:700;color:#ffffffe6;letter-spacing:-.5px}.lp-price.free{color:var(--green)}.lp-price span{font-size:12px;font-weight:500;color:#ffffff61}.lp-features{list-style:none;display:flex;flex-direction:column;gap:5px;margin-top:2px}.lp-features li{font-size:13px;color:#ffffff6b;display:flex;align-items:center;gap:8px}.landing-plan-action{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;min-height:38px;border-radius:999px;border:1px solid rgba(255,255,255,.055);background:#ffffff0b;color:#ffffffd1;text-decoration:none;font-size:13px;font-weight:700;transition:var(--transition)}.landing-plan-action:hover{border-color:#ffffff1f;background:#ffffff13;color:var(--ink)}.landing-plan-action.disabled{pointer-events:none;opacity:.48;color:var(--muted)}@media (max-width: 660px){.landing-plan{flex:0 0 calc(50% - 7px);width:calc(50% - 7px)}}@media (max-width: 440px){.landing-plan{flex:0 0 100%;width:100%}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:40px}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:24px;text-align:center;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-card:hover{border-color:var(--border-hover)}.stat-number{font-size:28px;font-weight:700;color:var(--ink);margin-bottom:4px}.stat-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:32px}@media (max-width:780px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.features-grid{grid-template-columns:1fr}}.feature-card{border:1px solid var(--border);border-radius:var(--radius);padding:22px;background:#14141480;transition:all .3s ease}.feature-card:hover{border-color:var(--border-hover);background:#ffffff05}.feature-icon{font-size:28px;margin-bottom:10px}.feature-title{font-size:14px;font-weight:600;margin-bottom:6px}.feature-text{font-size:13px;color:var(--muted);line-height:1.5}.legal-page{position:relative;z-index:2;flex:1;width:100%;max-width:1180px;margin:0 auto;padding:34px 6vw 72px}.legal-document{max-width:1120px}.legal-document h1{margin:0 0 12px;color:var(--ink);font-size:28px;line-height:1.25;font-weight:750}.legal-updated{margin-bottom:28px;color:#575757;font-size:14px;font-weight:500}.legal-document h2{margin:34px 0 18px;color:var(--ink);font-size:21px;line-height:1.35;font-weight:750}.legal-document h3{margin:24px 0 12px;color:var(--ink);font-size:17px;line-height:1.4;font-weight:700}.legal-document p,.legal-bullets li{color:#c9c9c9;font-size:15px;line-height:1.8}.legal-document a{color:#ffffffb8;font-weight:650;text-decoration:underline;text-underline-offset:2px;transition:var(--transition)}.legal-document a:hover{color:#fff}.legal-document p{margin:0 0 14px}.legal-bullets{margin:0 0 16px 18px;padding:0}.legal-bullets li{padding-left:4px;margin-bottom:7px}.legal-bullets li::marker{color:#8a8a8a}.topup-methods{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 14px}.topup-method-btn{padding:10px 16px;border-radius:999px;border:1px solid var(--border);background:#14141480;color:var(--muted);font-size:13px;font-weight:600;min-height:38px}.topup-method-btn:hover{border-color:var(--border-hover);color:var(--ink);background:#ffffff0a}.topup-method-btn.selected{border-color:#fff3;color:var(--ink);background:#ffffff14}.topup-card-box{border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;background:#ffffff05;margin-bottom:12px}.topup-card-title{font-size:12px;color:var(--muted);margin-bottom:6px}.topup-card-number{font-family:JetBrains Mono,Fira Code,monospace;letter-spacing:.5px;font-size:13px}.topup-amounts{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px;margin-bottom:14px}.topup-btn{padding:12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#14141480;color:var(--ink);font-size:15px;font-weight:600;cursor:pointer;transition:all .25s ease;text-align:center;display:inline-flex;align-items:center;justify-content:center;min-height:46px}.topup-btn:hover{border-color:var(--border-hover);background:#ffffff0a}.topup-btn.selected{border-color:#ffffff40;background:#ffffff0f}.topup-pay-row{display:flex;gap:10px;align-items:center}.topup-pay-row input{min-width:0}.receipt-uploader{margin-top:10px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff05}.receipt-uploader-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.receipt-submit-inline{margin-left:auto}.receipt-uploader-meta{margin-top:8px;font-size:12px;color:var(--muted);word-break:break-word;overflow-wrap:anywhere}.global-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px 24px;flex-wrap:wrap;padding:22px 6vw;border-top:1px solid var(--border);background:#0a0a0ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-top:auto}.footer-left{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.footer-logo{display:inline-flex;align-items:center;justify-content:center;color:var(--ink);text-decoration:none;width:38px;height:38px;border-radius:10px;background:#ffffff0a;border:1px solid var(--border);padding:0;cursor:pointer;font:inherit;transition:var(--transition)}.footer-logo:hover{background:#ffffff12;border-color:var(--border-hover)}.footer-logo svg{display:block;opacity:.85}.footer-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:0}.footer-link{display:inline-flex;align-items:center;gap:6px;color:var(--muted);text-decoration:none;font-size:12px;font-weight:500;transition:color var(--transition)}.footer-link:hover{color:var(--ink)}.footer-link svg{opacity:.6}.footer-copy{color:#525252;font-size:12px;margin:0}.global-footer--landing{border-top-color:#ffffff0e;background:#0a0a0adb}.footer-landing-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.footer-network-pill{display:inline-flex;align-items:center;gap:7px;color:#6a6a6a;font-size:12px;font-weight:500}.footer-network-pill svg{color:#5e5e5e}.footer-network-pill--btn{background:none;border:none;padding:0;margin:0;cursor:pointer;transition:color .15s}.footer-network-pill--btn:hover{color:#a0a0a0}.footer-network-pill--btn:hover svg{color:#888}.footer-network-pill--btn:active{color:#d4d4d4}.footer-network-pill--btn:active svg{color:#b0b0b0}.footer-network-pill--copied{color:#c8c8c8!important}.footer-network-pill--copied svg{color:#a0a0a0!important}@media (max-width: 620px){.footer-landing-left{align-items:flex-start}.footer-landing-meta{flex-basis:100%;padding-left:52px}}.footer-pickers{display:flex;justify-content:center;gap:10px;margin-top:10px;flex-wrap:wrap}.footer-dropdown{position:relative;display:inline-block}.footer-pick-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:500;background:#ffffff0a;border:1px solid var(--border);color:var(--muted);cursor:pointer;transition:all .2s ease;min-height:34px}.footer-pick-btn:hover{background:#ffffff14;color:#fff;border-color:var(--border-hover)}.footer-dropdown-menu{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--panel-solid);border:1px solid var(--border);border-radius:14px;padding:6px;min-width:150px;z-index:100;box-shadow:0 8px 32px #0009;animation:modalFadeIn .15s ease-out}.footer-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;border-radius:10px;font-size:13px;font-weight:500;background:transparent;border:none;color:var(--muted);cursor:pointer;transition:all .15s ease;text-align:left}.footer-dropdown-item:hover{background:#ffffff0f;color:#fff}.footer-dropdown-item.active{color:#fff;background:#ffffff14}.footer{text-align:center;padding:24px 0 16px;border-top:1px solid var(--border);margin-top:20px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100vw;height:100dvh;z-index:12000;display:flex;align-items:center;justify-content:center;padding:20px;animation:modalFadeIn .25s ease-out}.modal{background:var(--panel-solid);border:1px solid var(--border);border-radius:var(--radius);padding:28px;max-width:440px;width:100%;box-shadow:0 32px 64px #0009;animation:modalScaleIn .3s cubic-bezier(.22,1,.36,1)}.modal-title{font-size:18px;font-weight:700;margin-bottom:6px}.modal-desc{font-size:13px;color:var(--muted);margin-bottom:18px;line-height:1.45}.modal-hint{font-size:12px;color:var(--muted);line-height:1.45;margin-top:8px}.modal-actions{display:flex;gap:8px;margin-top:18px}.modal-actions .primary,.modal-actions .ghost,.modal-actions .danger,.modal-actions .btn-green{flex:1}.twofa-desc{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.45}.twofa-card-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.twofa-status{padding:6px 9px;border-radius:999px;border:1px solid var(--border);background:#ffffff08;color:var(--muted);font-size:11px;font-weight:700}.twofa-status.active{color:var(--ink);border-color:#ffffff2e;background:#ffffff14}.twofa-modal{max-width:480px;display:flex;flex-direction:column;gap:20px;padding:28px}.twofa-modal-header{display:flex;flex-direction:column;gap:4px}.twofa-setup-layout{display:flex;gap:20px;align-items:flex-start}.twofa-setup-fields{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}.twofa-disable-layout{display:flex;flex-direction:column;gap:16px}.twofa-field-label{font-size:12px;color:var(--muted);margin-bottom:6px;font-weight:500}.twofa-secret-box-new{padding:10px 12px;background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-sm);height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px}.twofa-secret-box-new.skeleton{animation:pulse 2s infinite}.twofa-secret-text{font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;color:var(--ink);letter-spacing:.5px;word-break:break-all}.twofa-qr-wrap{width:150px;height:150px;margin:0;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;padding:10px;overflow:hidden;flex-shrink:0}.twofa-qr-wrap img{display:block;width:100%;height:auto}.twofa-input{width:100%;padding:14px 18px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#141414b3;color:var(--ink);font-size:16px;transition:all .25s ease;outline:none;font-family:inherit}.twofa-input:focus{border-color:#fff3;box-shadow:0 0 0 3px #ffffff0a}.twofa-code-input{text-align:center;font-family:JetBrains Mono,Fira Code,monospace;letter-spacing:8px;font-weight:700;font-size:20px;padding:12px 14px}@media (max-width:560px){.twofa-card{align-items:flex-start;flex-direction:column}.twofa-setup-layout{flex-direction:column;align-items:center}.twofa-setup-fields{width:100%}.twofa-qr-wrap{margin:0 auto}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{transform:scale(.92) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;display:inline-block;opacity:.7}@keyframes spin{to{transform:rotate(360deg)}}table{width:100%;border-collapse:collapse;font-size:14px}table th{text-align:left;padding:10px 12px;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);border-bottom:1px solid var(--border);font-weight:600}table td{padding:8px 12px;border-bottom:1px solid var(--border);vertical-align:middle}table tr:last-child td{border-bottom:none}table tr:hover td{background:#ffffff05}textarea{padding:14px 18px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#141414b3;color:var(--ink);font-size:15px;font-family:inherit;transition:border-color .25s ease,box-shadow .25s ease;outline:none;resize:vertical;min-height:80px}textarea:focus{border-color:#fff3;box-shadow:0 0 0 3px #ffffff0a}.ticket-messages{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;overflow-anchor:none}.ticket-messages{overflow-y:auto;scrollbar-width:thin}.ticket-messages::-webkit-scrollbar{width:6px}.ticket-messages::-webkit-scrollbar-track{background:transparent}.ticket-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.ticket-messages::-webkit-scrollbar-thumb:hover{background:var(--muted)}.ticket-msg{padding:12px 14px;border-bottom:1px solid var(--border);transition:background .2s ease}.ticket-msg:last-child{border-bottom:none}.ticket-msg:hover{background:#ffffff05}.ticket-msg-admin{background:#ffffff08;border-left:2px solid var(--ink)}.ticket-msg-user{border-left:2px solid transparent}.ticket-msg-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;flex-wrap:wrap;gap:6px}.ticket-msg-author{font-size:12px;font-weight:600;color:var(--ink)}.ticket-msg-time{font-size:11px;color:var(--muted)}.ticket-msg-body{font-size:13px;line-height:1.45;color:var(--ink);white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.ticket-msg-more{margin-top:6px;background:none;border:none;padding:0;color:var(--muted);font-size:12px;cursor:pointer;text-decoration:underline}.ticket-msg-more:hover{color:var(--ink)}.ticket-subject-title{overflow-wrap:anywhere;word-break:break-word;max-width:100%}.ticket-limit-hint{margin-top:6px;font-size:11px;color:var(--muted);text-align:right}.ticket-msg-image-btn{margin-top:6px;border:1px solid var(--border);background:#ffffff05;border-radius:10px;padding:4px;cursor:pointer;transition:var(--transition);max-width:min(300px,100%)}.ticket-msg-image-btn:hover{border-color:var(--border-hover);background:#ffffff0d}.ticket-msg-image{display:block;width:100%;max-height:180px;object-fit:cover;border-radius:7px}.ticket-compose-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.compose-attach-chip{position:relative;width:44px;height:44px;flex-shrink:0}.compose-attach-thumb{width:100%;height:100%;object-fit:cover;border-radius:10px;border:1px solid var(--border);background:#ffffff05}.compose-attach-remove{position:absolute;top:-6px;right:-6px;width:20px;height:20px;padding:0;border-radius:50%;border:1px solid var(--border);background:#1a1a1a;color:var(--ink);font-size:15px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color var(--transition),background var(--transition)}.compose-attach-remove:hover{background:#262626;border-color:var(--border-hover);color:#fff}.image-viewer-overlay{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.ticket-image-modal{display:flex;align-items:center;justify-content:center;max-width:min(88vw,760px);max-height:min(72dvh,calc(100dvh - 120px));background:#111;border:1px solid var(--border);border-radius:16px;padding:10px;box-shadow:var(--shadow);overflow:hidden}.ticket-image-modal img{display:block;max-width:100%;max-height:min(68dvh,calc(100dvh - 140px));width:auto;height:auto;border-radius:10px;object-fit:contain}.ticket-pages{display:flex;justify-content:center;align-items:center;gap:6px;padding:10px 12px}.ticket-page-btn{min-width:28px;height:28px;padding:0 8px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--muted);font-size:12px;cursor:pointer;transition:var(--transition)}.ticket-page-btn:hover{color:var(--ink);border-color:var(--border-hover);background:#ffffff0a}.ticket-page-btn.active{color:#0a0a0a;background:#fff;border-color:#fff}.ticket-page-dots{font-size:12px;color:var(--muted);padding:0 2px}.support-chat-card{padding:0;overflow:hidden;position:relative;transition:box-shadow var(--transition),border-color var(--transition)}.support-chat-card.compose-drag-active{border-color:#fff3;box-shadow:0 18px 44px #00000047,0 0 0 1px #ffffff0f}.support-chat-card.compose-drag-active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;border:1px dashed rgba(255,255,255,.22);border-radius:inherit;background:linear-gradient(180deg,#ffffff0e,#ffffff06),#0003;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.compose-drop-overlay{position:absolute;left:50%;top:50%;z-index:6;transform:translate(-50%,-50%);pointer-events:none;display:flex;align-items:center;gap:12px;min-width:250px;padding:12px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.16);background:#0e0e0ee6;-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1);box-shadow:0 18px 48px #0000006b;animation:composeDropIn .16s ease-out}.compose-drop-icon{width:40px;height:40px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#ffffffb8;background:#ffffff0e;border:1px solid rgba(255,255,255,.1)}.compose-drop-title{font-size:14px;font-weight:700;color:#ffffffdb}.compose-drop-subtitle{font-size:12px;color:var(--muted);margin-top:2px}@keyframes composeDropIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.support-chat-body{flex:1 1 auto;min-height:60px;max-height:none;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px;overflow-anchor:none;background:radial-gradient(circle at 10% 10%,rgba(255,255,255,.04) 0 2px,transparent 2px) 0 0/22px 22px,radial-gradient(circle at 80% 40%,rgba(255,255,255,.03) 0 1.5px,transparent 1.5px) 0 0/18px 18px,#0000001f}.support-bubble-row{display:flex}.support-bubble-row.user{justify-content:flex-end}.support-bubble-row.admin{justify-content:flex-start}.support-bubble-enter{animation:supportMessageIn .22s cubic-bezier(.22,1,.36,1)}@keyframes supportMessageIn{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.support-bubble{max-width:min(74%,560px);padding:10px 12px;border-radius:14px;border:1px solid var(--border);box-shadow:0 4px 18px #00000026}.support-bubble-user{background:linear-gradient(135deg,#48bb7838,#10b98124);border-color:#10b98140;border-bottom-right-radius:6px}.support-bubble-admin{background:linear-gradient(135deg,#ffffff14,#ffffff08);border-color:var(--border);border-bottom-left-radius:6px}.support-bubble-text{font-size:14px;line-height:1.45;color:var(--ink);white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.support-bubble-meta{margin-top:6px;font-size:11px;color:var(--muted)}.support-chat-compose{border-top:1px solid var(--border);padding:12px;display:flex;flex-direction:column;gap:10px;background:#ffffff05;flex:0 1000 auto}.support-chat-compose textarea{width:100%;height:clamp(44px,10vh,86px);min-height:44px;flex-shrink:1;resize:none;padding:12px 14px;line-height:1.45}.support-chat-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.support-chat-actions-left{display:flex;align-items:center;gap:8px;min-width:0}.support-chat-actions .ghost,.support-chat-actions .primary{min-height:36px;flex-shrink:0}.grecaptcha-badge{visibility:hidden!important}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{background:#ffffff26;color:#fff}.server-stats{background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px}.server-stats-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.stat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px currentColor}.stat-state{font-size:13px;font-weight:600;color:var(--ink)}.server-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.mini-stat{display:flex;flex-direction:column;gap:3px}.mini-stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-weight:600}.mini-stat-value{font-size:13px;font-weight:600;color:var(--ink)}.mini-stat-bar{height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden;margin-top:2px}.mini-stat-fill{height:100%;border-radius:2px;transition:width .5s ease}.telegram-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;border-radius:999px;background:#2aabee;color:#fff;font-size:15px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition),opacity var(--transition)}.telegram-btn:hover{background:#229ed9}.telegram-btn svg{flex-shrink:0}.telegram-linked{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#2aabee14;border-radius:var(--radius-sm);border:1px solid rgba(42,171,238,.15)}.telegram-name{font-weight:600;color:#2aabee;flex:1}.changelog-page{max-width:740px;margin:0 auto;padding:24px 16px 60px;position:relative;z-index:2;flex:1}.changelog-entry{margin-bottom:0}.changelog-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.changelog-version{padding:3px 10px;border-radius:999px;background:#ffffff0f;color:var(--ink);font-size:12px;font-weight:700;letter-spacing:.5px}.changelog-title{font-size:16px;font-weight:600;color:var(--ink);flex:1}.changelog-date{font-size:13px;color:var(--muted)}.changelog-body{font-size:14px;line-height:1.7;color:var(--muted);white-space:pre-wrap}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:260;display:none;padding:0 10px calc(8px + env(safe-area-inset-bottom));pointer-events:none}.mobile-bottom-track{pointer-events:auto;margin:0 auto;width:min(760px,100%);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:6px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:#0a0a0aeb;-webkit-backdrop-filter:blur(24px) saturate(1.2);backdrop-filter:blur(24px) saturate(1.2);box-shadow:0 20px 50px #000000b3,inset 0 1px #ffffff0f}.mobile-bottom-link{text-decoration:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:58px;border-radius:14px;position:relative;padding:8px 4px;transition:color var(--transition),background var(--transition),transform var(--transition);text-align:center;-webkit-tap-highlight-color:transparent}.mobile-bottom-link:hover{color:var(--ink);background:#ffffff0a}.mobile-bottom-link:active{transform:scale(.94)}.mobile-bottom-link.active{color:var(--ink);background:#ffffff1a}.mobile-bottom-icon{display:flex;align-items:center;justify-content:center;line-height:0;position:relative;transition:transform var(--transition)}.mobile-bottom-link.active .mobile-bottom-icon{transform:scale(1.08)}.mobile-bottom-icon svg{width:18px;height:18px;transition:transform var(--transition)}.mobile-bottom-label{font-size:10px;line-height:1.1;font-weight:600;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition)}.mobile-bottom-badge{position:absolute;top:7px;right:calc(50% - 18px);width:8px;height:8px;border-radius:50%;background:#a3a3a3;box-shadow:0 0 0 3px #0c0c0ce6,0 0 10px #a3a3a324}.mobile-bottom-nav-admin .mobile-bottom-track{display:flex;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mobile-bottom-nav-admin .mobile-bottom-track::-webkit-scrollbar{display:none}.mobile-bottom-nav-admin .mobile-bottom-link{flex:0 0 74px}.burger{display:none;background:none;border:1px solid var(--border);color:var(--ink);width:38px;height:38px;border-radius:12px;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);flex-shrink:0}.burger:hover{background:#ffffff0f;border-color:var(--border-hover)}.burger svg{display:block}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;animation:modalFadeIn .2s ease-out}.sidebar-overlay.open{display:block}.dash-services-list-new{display:flex;flex-direction:column;gap:0}.dash-service-row{position:relative;display:flex;overflow:hidden;border-radius:0;border-bottom:1px solid var(--border);transition:background .2s ease}.dash-service-row:first-child{border-radius:var(--radius-sm) var(--radius-sm) 0 0}.dash-service-row:last-child{border-radius:0 0 var(--radius-sm) var(--radius-sm);border-bottom:none}.dash-service-row:hover{background:#ffffff06}.dash-service-row.dsr-status-danger{background:#7373730d}.dsr-accent{display:none}.dsr-status-active .dsr-accent{background:var(--green);opacity:1}.dsr-status-danger .dsr-accent{background:#ef4444;opacity:.5}.dsr-status-warning .dsr-accent{background:var(--orange);opacity:1}.dsr-body{display:flex;align-items:center;justify-content:space-between;flex:1;padding:12px 14px;gap:12px;min-width:0}.dsr-left{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.dsr-name{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dsr-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.dsr-sub{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.dsr-dot{opacity:.35}.dsr-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.dsr-ip{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.dsr-arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#ffffff0d;border:1px solid var(--border);color:var(--muted);text-decoration:none;transition:all .2s ease;flex-shrink:0}.dsr-arrow:hover{background:#ffffff1a;border-color:var(--border-hover);color:var(--ink)}.dash-service-id{font-size:13px;color:var(--muted);width:50px;flex-shrink:0}.dash-service-name-col{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.dash-service-name-main{font-size:14px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-service-flag{font-size:14px}.dash-service-plan{font-size:12px;color:var(--muted)}.dash-service-status-col{width:110px;flex-shrink:0;display:flex;justify-content:flex-end}.dash-service-meta-info{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end}.dash-service-date{font-size:13px;color:var(--muted)}.dash-service-meta-dot{font-size:10px;color:#ffffff26}.dash-service-ip-text{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.dash-service-meta-row{display:contents}.dash-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid transparent}.dash-status-badge.status-active{background:#22c55e14;color:var(--green);border-color:#22c55e26}.dash-status-badge.status-active .status-dot{background:var(--green);box-shadow:0 0 6px #22c55e80}.dash-status-badge.status-warning{background:#f59e0b14;color:var(--orange);border-color:#f59e0b26}.dash-status-badge.status-warning .status-dot{background:var(--orange);box-shadow:0 0 6px #f59e0b80}.dash-status-badge.status-danger{background:#ef444414;color:#ef4444;border-color:#ef444426}.dash-status-badge.status-danger .status-dot{background:#ef4444;box-shadow:0 0 6px #ef44444d}.status-dot{width:6px;height:6px;border-radius:50%}.dash-service-action{width:90px;flex-shrink:0;display:flex;justify-content:flex-end}.dash-service-empty-row{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:96px;padding:16px 0 12px}.dash-service-empty-title{font-size:15px;font-weight:700;color:var(--ink)}.dash-service-empty-subtitle{margin-top:5px;font-size:13px;color:var(--muted)}.dash-service-empty-action{margin-top:16px;padding:7px 18px;font-size:13px;border-radius:10px}.dash-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dash-card-title-wrap{display:flex;align-items:center;gap:10px}.dash-card-icon{color:var(--muted);display:flex;align-items:center}.dash-card-title{font-size:18px;font-weight:700}.dash-card-link{font-size:13px;font-weight:600;color:var(--muted);text-decoration:none;transition:var(--transition)}.dash-card-link:hover{color:var(--ink)}.dash-news-list{display:flex;flex-direction:column;margin-top:8px}.dash-news-item{display:flex;flex-direction:column;gap:6px;padding:14px 0;border-bottom:1px solid var(--border);transition:var(--transition);text-decoration:none}.dash-news-item:last-child{border-bottom:none;padding-bottom:0}.dash-news-item:first-child{padding-top:0}.dash-news-item:hover .dash-news-item-title{color:var(--accent)}.dash-news-date{display:flex;align-items:center;gap:8px}.news-type-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:4px}.badge-alert{background:#f59e0b1a;color:var(--orange)}.badge-news{background:#ffffff0d;color:var(--muted)}.news-date-text{font-size:12px;color:var(--muted)}.dash-news-item-title{font-size:14px;font-weight:600;color:var(--ink);transition:var(--transition)}.dash-news-item-excerpt{font-size:13px;color:var(--muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-page-item{cursor:default;text-decoration:none}.news-page-item:hover .dash-news-item-title{color:var(--ink)}.news-page-content{font-size:14px;color:var(--muted);line-height:1.6}.news-page-content p{margin:0 0 8px}.news-page-content p:last-child{margin-bottom:0}.dash-services-list{display:flex;flex-direction:column;margin-top:8px}.dash-service-item{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border);transition:var(--transition)}.dash-service-item:last-child{border-bottom:none;padding-bottom:0}.dash-service-item:first-child{padding-top:0}.dash-service-item:hover .dash-service-name{color:var(--accent)}.dash-service-info{flex:1;display:flex;flex-direction:column;gap:4px}.dash-service-name{font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:var(--transition)}.dash-service-ip{font-size:12px;color:var(--muted);font-family:var(--font-mono)}.dash-service-days{font-size:13px;font-weight:600;color:var(--ink);text-align:right;min-width:60px}.dash-service-status{font-size:11px;font-weight:600;display:flex;align-items:center;gap:6px}.dash-service-status:before{content:"";display:block;width:6px;height:6px;border-radius:50%}.dash-service-status.status-active{color:var(--muted)}.dash-service-status.status-active:before{background:var(--green);box-shadow:0 0 8px var(--green)}.dash-service-status.status-warning{color:var(--muted)}.dash-service-status.status-warning:before{background:var(--orange);box-shadow:0 0 8px var(--orange)}.dash-service-status.status-danger{color:var(--muted)}.dash-service-status.status-danger:before{background:var(--red);box-shadow:0 0 8px var(--red)}.dash-empty-state{text-align:center;padding:20px;color:var(--muted);font-size:13px;border:1px dashed var(--border);border-radius:var(--radius-sm)}@media (max-width: 900px){.dash-service-row{flex-wrap:wrap}.dash-service-id{width:auto}.dash-service-date,.dash-service-ip-col{width:auto;text-align:left}.dash-service-status-col{width:auto;justify-content:flex-start}.dash-service-action{width:100%;justify-content:flex-start;margin-top:8px}.dsr-left{flex:1;min-width:0;max-width:calc(100% - 100px)}.dsr-name{max-width:100%}.dsr-name>span{display:block;max-width:100%}}.ticket-detail-layout{display:flex;flex-direction:column;height:calc(100vh - 230px);height:calc(100dvh - 230px);min-height:450px}.ticket-detail-layout>.card{transition:transform .3s ease,box-shadow .3s ease}.dash-services-card{margin-top:20px}.dash-services-card .dash-card-header{margin-bottom:20px}.balance-hero-card{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.topup-methods{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.topup-method-btn{background:#ffffff0a;border:1px solid var(--border);color:var(--muted);padding:10px 16px;border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:8px}.topup-method-btn:hover{background:#ffffff14;color:var(--ink)}.topup-method-btn.selected{background:#ffffff1a;border-color:var(--border-hover);color:var(--ink);font-weight:600}.topup-method-logo{width:22px;height:22px;display:block;flex:0 0 auto;object-fit:contain}.topup-method-logo-round{border-radius:5px}.topup-method-btn-placeholder{cursor:not-allowed;opacity:.55}.topup-pay-row,.promo-input-row{display:flex;gap:12px;align-items:center}.promo-input{flex:1;width:100%}.balance-tx-table-wrap{width:100%;overflow-x:auto;border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff05}.balance-table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.balance-table th{padding:12px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--muted);border-bottom:1px solid var(--border)}.balance-table td{padding:14px 16px;color:var(--ink);border-bottom:1px solid var(--border);vertical-align:middle}.balance-table tr:last-child td{border-bottom:none}.balance-table tr:hover td{background:#ffffff05}.balance-tx-cards{display:none}.balance-tx-card{padding:14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff05;display:flex;flex-direction:column;gap:10px}.balance-tx-card+.balance-tx-card{margin-top:10px}.balance-tx-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.balance-tx-label{font-size:12px;color:var(--muted);font-weight:500}.balance-tx-val{font-size:13px;font-weight:600;color:var(--ink);text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis}@media (max-width: 620px){.create-header-card{padding:12px 14px!important}.create-header-card .hero-kicker{margin-bottom:2px}.create-header-card .billing-title{margin-bottom:6px!important}.create-header-card .stepper-compact{margin-bottom:4px}}@media (max-width: 768px){.servers-hero{flex-direction:column;align-items:stretch;gap:0;padding:18px 18px 16px!important}.servers-hero-copy{min-width:100%}.servers-hero-side,.servers-create-link{display:none}.servers-list-head{flex-direction:column;align-items:stretch}.servers-search{width:100%}.srv-row{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px}.srv-row.srv-expired{border-left:none}.srv-left{width:100%}.srv-name-line{flex-wrap:wrap}.srv-meta-line{flex-wrap:wrap;line-height:1.4}.srv-meta-sep{display:none}.srv-actions{width:100%;flex-wrap:wrap;justify-content:flex-start;padding-top:8px;border-top:1px solid var(--border)}.srv-actions .btn-sm{flex:1 1 auto;min-width:calc(50% - 3px)}.srv-ar-btn{flex:0 0 auto;min-width:34px}.servers-pagination{flex-wrap:wrap;padding:12px 16px}.servers-page-info{width:100%;justify-content:center;order:-1;margin-bottom:8px}}@media (max-width: 480px){.servers-hero{padding:18px}.hero-kicker{font-size:10px}.billing-title{font-size:20px}.billing-subtitle{font-size:14px}.servers-list-head{padding:16px}.servers-list-note{font-size:12px}.srv-row{padding:12px 14px}.srv-name{font-size:14px}.srv-meta-line{font-size:11px}.srv-tags .spec-tag{font-size:10px;padding:2px 6px}.srv-actions{gap:4px}.srv-actions .btn-sm{min-height:36px;font-size:12px;padding:0 10px}.servers-pagination .btn-sm{min-height:36px;font-size:12px;padding:0 12px}}@media (max-width: 768px){.ticket-detail-layout{height:calc(100vh - 140px);height:calc(100dvh - 140px);min-height:400px}.ticket-detail-layout>.card:first-child{padding:14px 16px!important;flex-shrink:0}.ticket-detail-layout .hero-kicker{font-size:10px;margin-bottom:4px}.ticket-detail-layout .billing-title{font-size:18px;margin-bottom:4px}.ticket-detail-layout .billing-subtitle{font-size:12px;line-height:1.3}.support-chat-card{margin-top:10px!important;display:flex!important;flex-direction:column!important;min-height:0!important}.support-chat-body{flex:1 1 auto!important;min-height:0!important;max-height:none!important;padding:10px;gap:8px;overflow-y:auto!important}.support-bubble{max-width:85%;padding:9px 11px}.support-bubble-text{font-size:13px;line-height:1.4}.support-bubble-meta{font-size:10px;margin-top:4px}.support-chat-compose{flex:0 0 auto!important;padding:10px;gap:8px}.support-chat-compose textarea{height:44px!important;min-height:44px!important;max-height:44px!important;padding:10px 12px;font-size:14px;resize:none!important}.support-chat-actions{flex-direction:row!important;align-items:center;gap:8px;flex-wrap:wrap}.support-chat-actions-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.support-chat-actions .ghost{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:38px}.support-chat-actions .primary{flex:0 0 auto;min-height:38px;padding:0 20px}.compose-attach-chip{width:38px;height:38px;flex-shrink:0}.empty-state{padding:16px;min-height:80px!important}.empty-icon{font-size:38px;margin-bottom:10px}.empty-title{font-size:16px;margin-bottom:6px}.empty-text{font-size:13px}}@media (max-width: 480px){.ticket-detail-layout>.card:first-child{padding:12px 14px!important}.ticket-detail-layout .billing-title{font-size:17px}.support-bubble{max-width:88%;padding:8px 10px}.support-bubble-text{font-size:13px}.support-chat-body{padding:8px}.support-chat-compose textarea{height:42px!important;min-height:42px!important;max-height:42px!important;font-size:13px}.support-chat-actions .ghost{font-size:12px;padding:0 12px}.support-chat-actions .primary{font-size:13px;padding:0 16px}}.admin-mode,.admin-mode.page{background:var(--bg);min-height:100vh}.admin-mode *,.admin-mode *:before,.admin-mode *:after{animation:none!important;transition:none!important}.admin-portal{position:relative;z-index:2;width:100%;max-width:none;margin:0;display:grid;grid-template-columns:260px 1fr;min-height:100vh}.admin-nav-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:219}.admin-nav-overlay.open{display:block}.admin-sidebar{position:sticky;top:0;min-height:100vh;height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--panel-solid);padding:20px 16px;gap:16px;overflow-y:auto;overflow-x:hidden}.admin-sidebar-head{display:flex;flex-direction:column;gap:16px;padding:2px 4px}.admin-sidebar-kicker{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-weight:700}.admin-sidebar-user{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--bg)}.admin-sidebar-user:hover{border-color:var(--border-hover)}.admin-sidebar-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--ink);background:var(--panel-hover);border:1px solid var(--border);overflow:hidden;flex-shrink:0}.admin-sidebar-avatar img{width:100%;height:100%;object-fit:cover}.admin-sidebar-user-meta{display:flex;flex-direction:column;min-width:0}.admin-sidebar-user-name{color:var(--ink);font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-sidebar-user-role{color:var(--muted);font-size:12px;font-weight:600}.admin-nav-links{display:flex;flex-direction:column;gap:6px}.admin-nav-link{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:10px;text-decoration:none;color:var(--muted);border:1px solid transparent;background:transparent;transition:var(--transition)}.admin-nav-link:hover{background:var(--panel-hover);color:var(--ink)}.admin-nav-link.active{background:var(--panel-hover);color:var(--ink);border-color:var(--border)}.admin-nav-link-back{margin-top:auto}.admin-nav-icon{display:flex;align-items:center;justify-content:center;line-height:0;color:inherit;transition:color .2s ease}.admin-nav-link.active .admin-nav-icon{color:var(--ink)}.admin-nav-label{font-size:14px;font-weight:600;min-width:0}.admin-sidebar-foot{margin-top:auto;padding:12px 4px 0;border-top:1px solid var(--border)}.admin-portal-main{display:flex;flex-direction:column;min-width:0}.admin-portal-topbar{height:70px;padding:0 24px;border-bottom:1px solid var(--border);background:var(--panel-solid);display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:20}.admin-menu-btn{display:none;width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--ink);align-items:center;justify-content:center;transition:var(--transition)}.admin-menu-btn:hover{background:var(--panel-hover)}.admin-menu-btn svg{width:18px;height:18px}.admin-portal-title{color:var(--ink);font-size:18px;font-weight:600}.admin-portal-userbar{display:flex;align-items:center;gap:12px}.admin-portal-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink);font-size:14px;font-weight:700;text-decoration:none;border:1px solid var(--border);background:var(--panel-hover);overflow:hidden}.admin-portal-logout{min-height:36px!important;padding:0 16px!important;border-radius:10px!important;font-weight:500;border:1px solid var(--border);background:var(--bg);color:var(--ink)}.admin-portal-logout:hover{background:var(--panel-hover)}.admin-portal-content{flex:1;display:flex;flex-direction:column;gap:20px;padding:24px}.admin-mode .card,.admin-mode .section-box,.admin-mode .admin-table-wrap,.admin-mode .admin-stat,.admin-mode .stats-summary-card,.admin-mode .chart-card,.admin-mode .support-mini-card,.admin-mode .active-user-row{background:var(--panel-solid);border:1px solid var(--border);border-radius:16px;transition:var(--transition)}.admin-mode .card:hover,.admin-mode .admin-stat:hover,.admin-mode .stats-summary-card:hover,.admin-mode .admin-ticket-item:hover{border-color:var(--border-hover)}.admin-mode .hero-card:after{display:none}.admin-mode .hero-card{background:var(--panel-solid)}.admin-mode .hero-kicker,.admin-mode .section-label{color:var(--muted);letter-spacing:1px;font-weight:600;text-transform:uppercase;font-size:12px}.admin-mode .billing-title,.admin-mode .admin-stat-val,.admin-mode .stats-summary-value,.admin-mode .stats-title,.admin-mode .modal-title{color:var(--ink);font-weight:700}.admin-mode .billing-subtitle,.admin-mode .modal-desc,.admin-mode .admin-stat-label,.admin-mode .stats-summary-label,.admin-mode .stats-summary-growth,.admin-mode .admin-table th,.admin-mode .admin-table td{color:var(--muted)}.admin-table-wrap{border-radius:16px;overflow:hidden}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-mode .admin-table thead th{background:var(--panel-hover);color:var(--muted);font-weight:600;padding:16px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;font-size:12px}.admin-mode .admin-table td{border-bottom:1px solid var(--border);padding:14px 16px;transition:var(--transition);vertical-align:middle}.admin-mode .admin-table tr:hover td{background:var(--bg)}.admin-mode .admin-table tr:last-child td{border-bottom:none}.admin-mode .primary{background:var(--ink);color:var(--bg);border:none;font-weight:600;transition:var(--transition)}.admin-mode .primary:hover{background:#fff}.admin-mode .ghost{background:var(--bg);border:1px solid var(--border);color:var(--ink);font-weight:500;transition:var(--transition)}.admin-mode .ghost:hover{background:var(--panel-hover);border-color:var(--border-hover)}.admin-mode .danger{background:var(--bg);border:1px solid var(--border);color:var(--red)}.admin-mode .danger:hover{border-color:var(--red)}.admin-mode .btn-green{background:var(--bg);border:1px solid var(--border);color:var(--green)}.admin-mode .btn-green:hover{border-color:var(--green)}.admin-mode .period-pill,.admin-mode .admin-tab{background:var(--bg);border:1px solid var(--border);color:var(--muted);border-radius:999px;font-weight:500;transition:var(--transition);padding:0 14px;min-height:34px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.admin-mode .period-pill:hover,.admin-mode .admin-tab:hover{background:var(--panel-hover);color:var(--ink);border-color:var(--border-hover)}.admin-mode .period-pill.active,.admin-mode .admin-tab.active{background:var(--ink);border-color:var(--ink);color:var(--bg)}.admin-mode .field input,.admin-mode input,.admin-mode select,.admin-mode textarea{background:var(--bg);border:1px solid var(--border);color:var(--ink);border-radius:10px;padding:10px 14px;transition:var(--transition)}.admin-mode .field input:focus,.admin-mode input:focus,.admin-mode select:focus,.admin-mode textarea:focus{border-color:var(--border-hover);outline:none}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px}.admin-stat{padding:20px;text-align:center}.admin-stat-val{font-size:28px;margin-bottom:4px}.admin-stat-label{font-size:12px;font-weight:500}.stats-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.stats-summary-card{padding:20px}.stats-summary-title{font-size:12px;color:var(--muted);font-weight:600;letter-spacing:1px;text-transform:uppercase}.stats-summary-value{margin-top:10px;font-size:32px;font-weight:700;line-height:1;color:var(--ink)}.stats-summary-growth{margin-top:10px;font-size:13px;font-weight:500}.stats-summary-growth.is-up{color:var(--green)}.stats-summary-growth.is-down{color:var(--red)}.stats-summary-growth.is-flat{color:var(--muted)}.stats-main-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-bottom:20px}.stats-main-grid-bottom{display:grid;grid-template-columns:1fr 1.2fr;gap:20px}.chart-card{padding:0}.chart-card-head{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;border-bottom:1px solid var(--border)}.period-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.line-chart-wrap{padding:16px 20px;position:relative}.chart-tooltip{position:absolute;background:var(--panel-solid);border:1px solid var(--border);border-radius:12px;padding:12px 16px;pointer-events:none;z-index:10;min-width:160px;transition:transform .1s ease,left .1s ease}.chart-tooltip-date{font-size:13px;color:var(--muted);margin-bottom:8px;font-weight:600;border-bottom:1px solid var(--border);padding-bottom:6px}.chart-tooltip-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;margin-top:6px}.chart-tooltip-label{display:flex;align-items:center;gap:8px;color:var(--muted)}.chart-tooltip-val{font-weight:600;color:var(--ink)}.chart-hover-line{pointer-events:none;stroke:var(--border);stroke-width:1;stroke-dasharray:4 4}.line-chart{display:block;width:100%;height:300px}.chart-xlabels{display:grid;grid-template-columns:repeat(auto-fit,minmax(46px,1fr));gap:6px;color:var(--muted);font-size:12px;padding:8px 6px 0;font-weight:500}.chart-legend{display:flex;gap:16px;flex-wrap:wrap;padding:16px 8px 4px;color:var(--muted);font-size:13px;font-weight:500}.chart-legend span{display:inline-flex;align-items:center;gap:8px}.chart-legend i{display:inline-block;width:12px;height:12px;border-radius:3px}.support-mini-card{display:flex;flex-direction:column;padding:20px}.stats-support-list{margin-top:16px;display:flex;flex-direction:column;gap:12px}.stats-support-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:12px;padding:14px;background:var(--bg);transition:var(--transition)}.stats-support-row:hover{border-color:var(--border-hover)}.stats-support-main{min-width:0;display:flex;flex-direction:column;gap:6px}.stats-support-title{font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.stats-support-meta{font-size:12px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap}.active-user-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px}.active-user-name{font-weight:600;color:var(--ink);font-size:14px}.active-user-email{font-size:13px;color:var(--muted);margin-top:4px}.active-user-time{font-size:12px;color:var(--muted);white-space:nowrap}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-actions button,.admin-actions a{font-size:13px;padding:0 12px;min-height:34px;display:inline-flex;align-items:center;justify-content:center}.admin-search{display:flex;gap:12px;margin-bottom:20px;align-items:center}.admin-search input{flex:1;max-width:400px}.admin-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.admin-form{display:flex;flex-direction:column;gap:16px;max-width:600px}.admin-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-form-full{grid-column:1/-1}.inline-action{display:flex;align-items:center;gap:8px;min-width:0;width:100%}.inline-action-input{flex:1;min-width:0}.inline-action-btn{flex-shrink:0}.admin-setting-list{margin-top:16px;display:flex;flex-direction:column;gap:12px}.admin-setting-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--bg);transition:var(--transition)}.admin-setting-item:hover{border-color:var(--border-hover)}.admin-setting-title{font-size:14px;font-weight:600;color:var(--ink)}.admin-setting-sub{font-size:13px;color:var(--muted);margin-top:4px;line-height:1.4}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500;transition:var(--transition)}.chip-admin{background:transparent;color:var(--orange);border:1px solid var(--border)}.chip-user{background:transparent;color:var(--muted);border:1px solid var(--border)}.chip-active{background:transparent;color:var(--green);border:1px solid var(--border)}.chip-suspended{background:transparent;color:var(--orange);border:1px solid var(--border)}.chip-paid{background:transparent;color:var(--green);border:1px solid var(--border)}.chip-pending{background:transparent;color:var(--orange);border:1px solid var(--border)}.chip-rejected{background:transparent;color:var(--red);border:1px solid var(--border)}.admin-ticket-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;flex-wrap:wrap;gap:12px}.admin-ticket-search{margin:0;flex:1;min-width:min(100%,260px)}.admin-ticket-search input{max-width:420px}.admin-ticket-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.admin-ticket-item{padding:16px;background:var(--panel-solid);border:1px solid var(--border);border-radius:14px;cursor:pointer;transition:var(--transition)}.admin-ticket-item:focus-visible{outline:2px solid var(--border-hover);outline-offset:2px}.admin-ticket-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-ticket-id{font-size:14px;font-weight:600;color:var(--ink)}.admin-ticket-user{margin-top:10px;font-size:13px;color:var(--ink);font-weight:500}.admin-ticket-subject{margin-top:6px;font-size:13px;color:var(--muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.admin-ticket-meta{margin-top:12px;display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted)}.admin-ticket-actions{margin-top:12px;display:flex;justify-content:flex-end;gap:8px}.admin-ticket-chat-card{padding:0;overflow:hidden}.admin-ticket-chat-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border);background:var(--panel-hover)}.admin-ticket-chat-head-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--ink);background:var(--bg);border:1px solid var(--border);flex-shrink:0}.admin-ticket-chat-title{font-size:15px;font-weight:700;color:var(--ink)}.admin-ticket-chat-subtitle{margin-top:3px;font-size:12px;color:var(--muted)}.admin-ticket-thread{max-height:500px;overflow-y:auto;overflow-anchor:none;display:flex;flex-direction:column;gap:12px;padding:18px;background:radial-gradient(circle at 12% 8%,rgba(255,255,255,.035) 0 2px,transparent 2px) 0 0/24px 24px,radial-gradient(circle at 78% 42%,rgba(255,255,255,.025) 0 1.5px,transparent 1.5px) 0 0/20px 20px,var(--bg)}.admin-ticket-msg-row{display:flex;width:100%}.admin-ticket-msg-row.is-admin{justify-content:flex-end}.admin-ticket-msg-row.is-user{justify-content:flex-start}.admin-ticket-msg-bubble{width:fit-content;max-width:min(72%,680px);padding:12px 14px;border:1px solid var(--border);border-radius:16px;background:var(--panel-solid);box-shadow:0 10px 28px #0000002e}.admin-ticket-msg-row.is-admin .admin-ticket-msg-bubble{border-bottom-right-radius:6px;background:linear-gradient(135deg,#ffffff1c,#ffffff0b);border-color:#ffffff29}.admin-ticket-msg-row.is-user .admin-ticket-msg-bubble{border-bottom-left-radius:6px;background:#ffffff09}.admin-ticket-msg-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.admin-ticket-msg-author{display:inline-flex;align-items:center;gap:6px;min-width:0;color:var(--ink);font-size:12px;font-weight:700}.admin-ticket-msg-author svg{width:14px;height:14px;flex-shrink:0}.admin-ticket-msg-time{color:var(--muted);font-size:11px;white-space:nowrap}.admin-ticket-msg-body{color:var(--ink);font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.admin-ticket-empty-thread{margin:auto;padding:26px 12px;color:var(--muted);font-size:13px;text-align:center}.admin-ticket-reply-card{padding:0;overflow:hidden}.admin-ticket-reply-form{display:flex;flex-direction:column;gap:12px;padding:16px}.admin-ticket-reply-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.admin-ticket-reply-title{color:var(--ink);font-size:14px;font-weight:700}.admin-ticket-reply-subtitle,.admin-ticket-reply-head span{margin-top:3px;color:var(--muted);font-size:12px}.admin-ticket-reply-field{gap:8px}.admin-ticket-reply-field textarea{width:100%;min-height:112px;resize:vertical;line-height:1.45}.admin-ticket-reply-submit{align-self:flex-end;min-width:128px}@media (max-width: 900px){.admin-portal{grid-template-columns:1fr}.admin-sidebar{position:fixed;z-index:220;left:-280px;width:260px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.admin-sidebar.open{transform:translate(280px)}.admin-menu-btn{display:flex}.stats-main-grid,.stats-main-grid-bottom{grid-template-columns:1fr}.stats-summary-grid{grid-template-columns:repeat(2,1fr)}.admin-ticket-msg-bubble{max-width:84%}}@media (max-width: 500px){.stats-summary-grid{grid-template-columns:1fr}.admin-ticket-toolbar{align-items:stretch}.admin-ticket-search,.admin-ticket-search input{width:100%;max-width:none}.admin-ticket-chat-head,.admin-ticket-thread,.admin-ticket-reply-form{padding:14px}.admin-ticket-thread{max-height:calc(100dvh - 330px);min-height:220px}.admin-ticket-msg-bubble{max-width:92%}.admin-ticket-msg-header,.admin-ticket-reply-head{flex-direction:column;align-items:flex-start;gap:4px}.admin-ticket-reply-submit{width:100%}}.profile-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-security-grid{align-items:stretch}.profile-password-card{display:flex;flex-direction:column}.profile-password-form{margin-top:16px;display:flex;flex:1;flex-direction:column;gap:18px}.profile-password-form .field{font-size:13px!important;gap:8px}.profile-password-form .field input{padding:11px 14px!important;font-size:14px!important}.profile-password-btn{align-self:stretch;margin-top:2px;width:100%;min-height:38px;padding:0 24px;background:#fff;color:#000}.profile-identity{display:flex;align-items:center;gap:20px}.avatar-upload-compact{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.avatar-upload-compact input[type=file]{display:none}.avatar-preview-sm{width:72px;height:72px;border-radius:50%;background:var(--panel-solid);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:var(--muted);overflow:hidden;transition:var(--transition)}.avatar-preview-sm img{width:100%;height:100%;object-fit:cover}.avatar-preview-sm:hover{border-color:var(--border-hover)}.avatar-clickable{position:relative;padding:0;cursor:pointer;font-family:inherit}.avatar-clickable:disabled{cursor:default}.avatar-edit-badge{display:none}.avatar-btn-sm{padding:5px 12px;border-radius:999px;font-size:11px;font-weight:500;background:#ffffff0f;border:1px solid var(--border);color:var(--ink);cursor:pointer;transition:var(--transition);white-space:nowrap}.avatar-btn-sm:hover{background:#ffffff1a;border-color:var(--border-hover)}.profile-identity-fields{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.inline-field-row{display:flex;align-items:flex-end;gap:8px}.inline-field-row .field{flex:1;min-width:0}.inline-field-row button{margin-bottom:0;min-height:40px}.field-sm{font-size:12px!important}.field-sm input,.pf-value-sm{padding:7px 10px!important;font-size:13px!important}.section-box-compact{padding:12px!important;gap:8px!important}.btn-xs{padding:0 12px!important;font-size:12px!important;border-radius:var(--btn-pill);min-height:var(--btn-h-xs)}.profile-grid{display:grid;gap:16px}.profile-field{display:flex;flex-direction:column;gap:6px}.pf-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1.8px;font-weight:600}.pf-value{font-size:14px;color:var(--ink);padding:10px 14px;background:#14141480;border:1px solid var(--border);border-radius:var(--radius-sm);transition:var(--transition)}.divider{height:1px;background:var(--border);margin:4px 0}.profile-inline-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-inline-desc{font-size:12px;color:var(--muted)}.profile-inline-actions{display:flex;gap:8px;flex-shrink:0}.profile-card-stack{display:flex;flex-direction:column;gap:14px;min-width:0}.profile-access-grid-v2{display:flex;flex-direction:column;gap:12px}.profile-access-card{min-height:160px}.profile-access-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px}.profile-access-row .pf-label{flex-shrink:0;width:80px;letter-spacing:.5px;text-transform:none;font-size:13px}.profile-access-row .profile-access-value{flex:1;text-align:left;font-family:inherit;font-size:14px;color:var(--ink);text-decoration:none}.profile-access-row .copyable-field{flex:1;justify-content:flex-start}.twofa-card{display:flex;align-items:center;justify-content:space-between;gap:14px}.twofa-desc{margin-top:6px;color:var(--muted);font-size:13px;line-height:1.45}.twofa-modal{max-width:460px}.twofa-modal-body{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:center;margin:18px 0}.twofa-qr{width:150px;height:150px;border-radius:18px;padding:12px;background:#fff;box-shadow:inset 0 0 0 1px #00000014}.twofa-qr-grid{width:100%;height:100%;background:linear-gradient(90deg,#111 12px,transparent 12px) 0 0/28px 28px,linear-gradient(#111 12px,transparent 12px) 0 0/28px 28px,radial-gradient(circle at 18px 18px,#111 0 12px,transparent 13px),radial-gradient(circle at calc(100% - 18px) 18px,#111 0 12px,transparent 13px),radial-gradient(circle at 18px calc(100% - 18px),#111 0 12px,transparent 13px),#fff;border-radius:8px}.twofa-secret-box{padding:14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff08}.twofa-secret-box span{display:block;margin-bottom:7px;color:var(--muted);font-size:12px}.twofa-secret-box strong{display:block;color:var(--ink);font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;word-break:break-all}.twofa-code-input{text-align:center;letter-spacing:6px;font-family:JetBrains Mono,Fira Code,monospace;font-weight:700}.session-twofa-modal{max-width:380px;padding:22px}.session-twofa-modal .modal-title{font-size:17px}.session-twofa-modal .modal-desc{margin-bottom:14px;font-size:12px;line-height:1.45}.session-twofa-modal .field{gap:7px;font-size:12px;margin-bottom:14px}.session-twofa-modal .twofa-input{min-height:42px;padding:9px 12px;font-size:16px;letter-spacing:5px}.session-twofa-modal .modal-actions{margin-top:0}.sessions-card{padding:18px 20px}.sessions-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.sessions-title{color:var(--ink);font-size:16px;font-weight:700}.sessions-subtitle{color:var(--muted);font-size:12px}.sessions-table{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:#ffffff04}.sessions-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(170px,1.25fr) minmax(180px,1.35fr) 116px;align-items:center;gap:14px;min-height:58px;padding:8px 18px;border-bottom:1px solid var(--border)}.sessions-row:last-child{border-bottom:0}.sessions-row-head{min-height:42px;padding-top:0;padding-bottom:0;color:var(--muted);font-size:12px;font-weight:600;text-transform:lowercase}.sessions-row:not(.sessions-row-head){color:var(--ink);font-size:14px;font-weight:600;transition:opacity .16s ease,background .16s ease}.sessions-table-refreshing .sessions-row:not(.sessions-row-head){opacity:.72}.sessions-row-current{background:linear-gradient(90deg,#22c55e0e,#ffffff03);box-shadow:inset 2px 0 #22c55e8c}.sessions-row-empty{grid-template-columns:auto 1fr;justify-content:center;color:var(--muted)!important}.session-ip,.session-client{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-activity{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;color:var(--muted);font-size:12px;font-weight:500}.session-activity-main{display:flex;align-items:center;gap:7px;min-width:0;max-width:100%}.session-activity-main>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-activity small{color:#5d5d5d;font-size:11px;font-weight:500}.sessions-pagination{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding-top:14px}@media (max-width: 900px){.profile-two-col{grid-template-columns:1fr}.sessions-row,.sessions-row-head{grid-template-columns:1fr;align-items:flex-start}.sessions-row-head{display:none}.sessions-row{gap:7px;padding:13px 14px}.sessions-row button{justify-self:flex-start}}.profile-access-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.profile-access-item{min-width:0;padding:12px;border:1px solid var(--border);border-radius:12px;background:#14141480;display:flex;flex-direction:column;gap:8px}.profile-access-label{font-size:12px;color:var(--muted)}.profile-access-value{color:var(--ink);font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-access-value-row{width:100%;justify-content:space-between}.avatar-upload{display:flex;align-items:center;gap:20px;margin-top:12px}.avatar-preview{width:72px;height:72px;border-radius:50%;background:var(--panel-solid);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:var(--muted);overflow:hidden;transition:var(--transition)}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-preview:hover{border-color:var(--border-hover)}.avatar-actions{display:flex;flex-direction:column;gap:8px}.avatar-actions input[type=file]{display:none}.avatar-btn{padding:8px 16px;border-radius:999px;font-size:13px;font-weight:500;background:#ffffff0f;border:1px solid var(--border);color:var(--ink);cursor:pointer;transition:var(--transition)}.avatar-btn:hover{background:#ffffff1a;border-color:var(--border-hover)}.mobile-bottom-nav{display:none}@media (max-width: 960px){.burger{display:flex}.admin-portal{grid-template-columns:1fr}.admin-menu-btn{display:flex}aside.admin-sidebar{position:fixed;left:0;top:0;bottom:0;height:auto;width:280px;z-index:220;transform:translate(-100%);border-right:1px solid #1f2a3b;overflow-y:auto;border-radius:0}aside.admin-sidebar.open{transform:translate(0)}.admin-portal-content{padding:14px}.admin-portal-topbar{padding:0 14px}.landing-hero{padding:40px 16px 30px}.landing-hero h1{font-size:clamp(26px,6vw,40px)}.landing{padding:24px 4vw 0}.legal-page{padding:28px 4vw 48px}.dashboard-shell{grid-template-columns:1fr!important;gap:16px;padding:16px 4vw 30px}.dash-stats-grid{grid-template-columns:1fr 1fr}nav.sidebar{display:none!important;position:fixed!important;top:0!important;left:0;bottom:0!important;width:260px;height:100vh!important;height:100dvh!important;z-index:210;border-radius:0!important;border:none;border-right:1px solid var(--border);flex-direction:column;overflow-y:auto;padding:16px 14px;gap:4px;background:var(--panel-solid)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}nav.sidebar.open{display:flex!important}.sidebar-overlay{z-index:205}.sidebar-title{display:block}.sidebar-user{display:flex}.stepper{flex-wrap:wrap;gap:8px}.step-line{display:none}.step{flex:0 0 auto}.plans-grid,.landing-plans{grid-template-columns:1fr 1fr}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.os-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.os-family-grid{display:flex;flex-wrap:wrap}.features-grid,.stats-grid{grid-template-columns:1fr 1fr}.admin-table-wrap{margin:0 -12px;border-radius:0;border-left:none;border-right:none}.admin-stats{grid-template-columns:1fr 1fr}.admin-form-row{grid-template-columns:1fr}.stats-summary-grid{grid-template-columns:1fr 1fr}.stats-main-grid,.stats-main-grid-bottom{grid-template-columns:1fr}.period-pills{justify-content:flex-start}.confirm-grid{grid-template-columns:1fr}.confirm-pay-card{position:static}.ticket-detail-layout{height:calc(100vh - 200px);height:calc(100dvh - 200px)}.topbar-dropdown{width:210px}}@media (min-width: 641px) and (max-width: 1100px){.burger{display:none!important}.dashboard-shell{grid-template-columns:1fr!important;gap:16px;max-width:980px;padding:18px clamp(18px,4vw,40px) calc(112px + env(safe-area-inset-bottom))}.dashboard{width:100%;min-width:0}nav.sidebar,.sidebar-overlay{display:none!important}.mobile-bottom-nav{display:block;padding:0 clamp(18px,5vw,42px) calc(14px + env(safe-area-inset-bottom))}.mobile-bottom-track{width:min(620px,100%);padding:7px;border-radius:22px}.mobile-bottom-link{min-height:60px;gap:6px;border-radius:15px;padding:8px 6px}.mobile-bottom-icon svg{width:19px;height:19px}.mobile-bottom-label{font-size:10px}body.dashboard-active .global-footer{display:none}.create-header-card{padding:18px!important}.create-header-card .billing-title{margin-bottom:12px!important}.create-header-card .stepper-compact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:0;padding:6px;border-radius:16px}.create-header-card .step-line{display:none!important}.create-header-card .step{min-width:0;min-height:40px;justify-content:center;gap:8px;padding:0 10px;border-radius:12px;transition:background var(--transition),color var(--transition)}.create-header-card .step.active{background:#ffffff14}.create-header-card .step.done{background:#22c55e12}.create-header-card .stepper-compact .step-num{width:26px;height:26px}.create-header-card .step-label{min-width:0;font-size:12px}}@media (max-width: 640px){.topbar{padding:10px 4vw;gap:8px}.topbar-email{display:none}.topbar-link{padding:6px 12px;font-size:13px}.brand{font-size:20px}.topbar-profile-btn{padding:4px 10px 4px 4px;font-size:13px;gap:8px}.topbar-profile-btn span{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-dropdown{position:absolute;top:calc(100% + 10px);right:0;left:auto;bottom:auto;width:min(164px,calc(100vw - 24px));max-width:calc(100vw - 24px);border-radius:var(--radius);padding:6px 0;box-shadow:0 10px 30px #00000080;animation:dropdownFade .2s ease;z-index:300}.topbar-dropdown-item{padding:12px 16px;font-size:13px;min-height:40px}.topbar-dropdown-header{padding:6px 10px 4px}.topbar-dropdown-balance{padding:10px 12px}.burger{display:none!important}nav.sidebar,.sidebar-overlay{display:none!important}.mobile-bottom-nav{display:block;position:fixed;bottom:0;left:0;right:0;z-index:999;padding-bottom:calc(16px + env(safe-area-inset-bottom))}nav.sidebar{width:80vw;max-width:280px}.dashboard-shell{display:flex;flex-direction:column;padding:12px 3.5vw calc(92px + env(safe-area-inset-bottom));gap:12px}.dashboard{padding-bottom:8px;width:100%;min-width:0}.dash-services-card{margin-top:4px}.hero-card{padding:18px 20px!important}.hero-kicker{margin-bottom:4px;font-size:10px}.billing-title{margin-bottom:4px}.billing-subtitle{font-size:13px}.quick-links{margin-top:12px}.dash-services-list-new{gap:0;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.dash-service-row{border-radius:0!important}.dsr-ip{display:none}.dsr-sub{flex-wrap:wrap}.dash-service-empty-row{padding:16px 12px 14px;min-height:96px}.dash-stats-grid{display:flex;flex-direction:column;gap:10px}.dash-stat-card{display:grid!important;grid-template-columns:44px 1fr!important;align-items:center!important;column-gap:14px!important;row-gap:2px!important;padding:16px!important;width:100%}.dash-stat-header{display:contents}.dash-stat-icon-wrap{grid-column:1;grid-row:1 / 3;width:44px!important;height:44px!important;border-radius:12px;background:#ffffff0f;display:flex;align-items:center;justify-content:center}.dash-stat-label{grid-column:2;grid-row:1;align-self:end;font-size:12px;color:var(--muted)}.dash-stat-value{grid-column:2;grid-row:2;align-self:start;font-size:22px;margin-bottom:0;line-height:1}.dash-stat-sub{display:none}.landing{padding:16px 3.5vw 0}.landing-hero{padding:32px 12px 24px}.landing-hero h1{font-size:clamp(22px,7vw,34px)}.landing-hero p{font-size:14px;max-width:100%}.cta{flex-direction:column;align-items:stretch}.cta .primary,.cta .ghost{width:100%;text-align:center;justify-content:center}.plans-grid,.landing-plans{grid-template-columns:1fr}.landing-plan{flex:0 0 100%;width:100%}.features-grid{grid-template-columns:1fr;gap:10px;margin-bottom:24px}.feature-card{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:12px;row-gap:3px;align-items:center;padding:14px;border-radius:16px}.feature-icon{grid-column:1;grid-row:1 / 3;margin-bottom:0;font-size:22px;line-height:1}.feature-title{grid-column:2;margin-bottom:0;line-height:1.25}.feature-text{grid-column:2;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.pick-grid-sm{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.os-grid{grid-template-columns:1fr}.os-family-grid{display:flex;flex-wrap:nowrap;overflow:auto}.name-input{font-size:14px;padding:10px 14px}.name-gen-btn{width:40px;height:40px}.config-grid{grid-template-columns:1fr}.create-filters-row{gap:14px;margin-bottom:12px}.create-filter-group{width:100%}.create-filter-group.align-left,.create-filter-group.align-center,.create-filter-group.align-right{align-items:flex-start}.create-filter-group.plan-line-filter .segment-tabs,.create-filter-group.billing-period-filter .segment-tabs{width:100%;max-width:100%}.segment-tabs{width:100%}.segment-tab{flex:1}.plans-grid-compact{grid-template-columns:1fr}.os-image-grid{grid-template-columns:1fr;gap:10px}.os-image-card{padding:14px;gap:10px}.os-image-logo{width:34px;height:34px}.os-image-title{font-size:15px}.confirm-grid{gap:12px}.pay-total{font-size:20px}.confirm-back-desktop{display:none}.confirm-back-mobile{display:block}.stats-grid,.admin-stats{grid-template-columns:1fr 1fr}.stats-summary-grid{grid-template-columns:1fr}.stats-summary-value{font-size:30px}.line-chart{height:220px}.period-pill{padding:0 9px;font-size:11px;min-height:30px}.card{padding:18px;border-radius:16px}.hero-card:after{display:none}.billing-title{font-size:clamp(18px,5vw,24px)}.billing-subtitle{font-size:14px}.quick-links{gap:8px}.quick-links .primary,.quick-links .ghost{font-size:13px;padding:8px 14px}.plan-card,.landing-plan{padding:18px}.srv-row{flex-direction:column;align-items:stretch;gap:10px;padding:14px 16px}.srv-actions{flex-wrap:wrap}.srv-name{font-size:14px}.servers-hero{flex-direction:column;gap:0;padding-bottom:16px}.servers-hero-side,.servers-create-link{display:none}.servers-list-head{flex-direction:column;align-items:stretch;padding:16px}.servers-search{width:100%}.servers-pagination .ghost{flex:1;justify-content:center}.srv-stats{font-size:10px}.btn-row{flex-direction:column}.btn-row button,.btn-row a{width:100%;justify-content:center}.section-box{padding:14px}.info-row{flex-direction:column;align-items:flex-start;gap:4px}.auth-wrapper{padding:24px 16px;min-height:calc(100vh - 56px);min-height:calc(100dvh - 56px)}.auth-card{max-width:100%}.modal-overlay{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom));align-items:center;justify-content:center}.modal{border-radius:16px;max-width:100%;padding:20px}.topup-amounts{grid-template-columns:repeat(3,1fr)}.topup-pay-row{flex-direction:column;align-items:stretch}.topup-pay-row button{width:100%}.promo-input-row{flex-direction:column;align-items:stretch}.promo-apply-btn{width:100%}.toast-container{left:12px;right:12px;bottom:calc(92px + env(safe-area-inset-bottom))}.toast{max-width:100%;min-width:0}.avatar-upload{flex-direction:column;align-items:flex-start;gap:14px}.profile-two-col,.profile-access-grid{grid-template-columns:1fr}.profile-identity{gap:14px}.avatar-btn-sm{display:none}.avatar-preview-sm{width:64px;height:64px;font-size:22px}.avatar-edit-badge{display:flex;position:absolute;left:0;right:0;bottom:0;height:19px;background:#0000008c;align-items:center;justify-content:center;color:#ffffffd9}.avatar-edit-badge svg{width:10px;height:10px}.avatar-edit-badge .spinner{width:10px;height:10px}.inline-field-row{gap:6px}.inline-field-row button{min-height:36px;padding:0 14px!important}.profile-identity .pf-label{display:none}.profile-identity .pf-value{padding:0!important;background:none;border:none;border-radius:0;font-size:12px!important;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-access-card{min-height:auto}.profile-access-row{flex-direction:column;align-items:stretch;gap:6px;min-height:auto}.profile-access-row .pf-label{width:auto}.profile-access-row .copyable-field{width:100%;justify-content:space-between}.twofa-card{flex-direction:column;align-items:stretch}.twofa-card>button{width:100%;justify-content:center}.profile-inline-row{flex-direction:column;align-items:stretch}.profile-inline-actions button{flex:1;justify-content:center}.sessions-card{padding:16px}.sessions-head{flex-direction:column;align-items:stretch}.sessions-head .ghost{width:100%;justify-content:center}.sessions-pagination .ghost{flex:1;justify-content:center}.sessions-row-current{box-shadow:none}.sessions-row:not(.sessions-row-head):not(.sessions-row-empty){grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:2px;padding:12px 14px}.session-client{grid-column:1;grid-row:1;font-size:14px}.session-ip{grid-column:1;grid-row:2;font-size:12px;font-weight:500;color:var(--muted)}.sessions-row>button{grid-column:2;grid-row:1 / 4;align-self:center;width:auto;justify-content:center}.session-activity{grid-column:1 / -1;grid-row:3;flex-direction:column;align-items:flex-start;gap:2px;margin-top:6px;font-size:11px}.session-activity-main{display:block}.session-activity small{font-size:11px;display:block}.admin-search{flex-direction:column;align-items:stretch}.admin-search input{max-width:100%}.admin-tabs{overflow-x:auto;flex-wrap:nowrap;gap:4px;padding-bottom:4px;-webkit-overflow-scrolling:touch}.admin-tab{flex-shrink:0;white-space:nowrap}.admin-setting-item{flex-direction:column;align-items:flex-start}.admin-setting-item button{width:100%}.admin-ticket-list{grid-template-columns:1fr}.admin-ticket-subject{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.admin-table{font-size:13px}.admin-table th{padding:10px;font-size:10px;letter-spacing:1px}.admin-table td{padding:8px 10px}.admin-actions{gap:4px}.admin-actions button,.admin-actions a{padding:0 8px;font-size:11px;min-height:28px}aside.admin-sidebar{width:88vw;max-width:320px}.admin-portal-topbar{height:54px;padding:0 10px}.admin-portal-title{font-size:14px}.admin-portal-content{padding:10px}.admin-portal-logout{min-height:30px!important;padding:0 10px!important;font-size:12px!important}.ticket-detail-layout{height:calc(100vh - 180px);height:calc(100dvh - 180px);min-height:350px}.ticket-msg{padding:14px 16px}.ticket-msg-body{font-size:14px}.support-chat-body{max-height:none;min-height:80px}.support-chat-compose textarea{max-height:90px}.balance-hero-card{flex-direction:column;align-items:stretch;gap:12px}.balance-hero-card .ghost{width:100%;justify-content:center}.balance-tx-table-wrap{display:none}.balance-tx-cards{display:block}.legal-page{padding:16px 3.5vw calc(88px + env(safe-area-inset-bottom))}.legal-document h1{font-size:24px}.legal-document h2{font-size:18px;margin-top:28px}.legal-document p,.legal-bullets li{font-size:14px;line-height:1.75}.changelog-page{padding:16px 12px 40px}.changelog-header{flex-direction:column;align-items:flex-start;gap:6px}.stepper{margin-bottom:18px}.stepper-compact{display:none!important}body.dashboard-active .global-footer{display:none}.global-footer{display:grid;grid-template-columns:32px minmax(0,1fr) auto;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;width:auto;margin:20px 3.5vw calc(14px + env(safe-area-inset-bottom));padding:10px 12px;gap:12px;border:1px solid var(--border);border-radius:18px;background:#0a0a0adb;box-shadow:0 12px 34px #00000047}.footer-left{display:contents}.footer-logo{width:32px;height:32px;border-radius:10px;flex-shrink:0}.footer-logo svg{width:16px;height:16px}.footer-copy{color:#525252;font-size:12px;font-weight:400;line-height:normal;display:inline-flex;align-items:center;min-height:32px;justify-self:center;text-align:center;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.footer-copy-rights{display:none}.footer-links{gap:8px;flex-wrap:nowrap;flex-shrink:0;margin-left:0}.footer-link span{display:none}.footer-link{font-size:0;gap:0;width:32px;height:32px;justify-content:center;border-radius:10px;background:#ffffff0a;border:1px solid var(--border);transition:background var(--transition),border-color var(--transition)}.footer-link svg{opacity:.75;width:15px;height:15px}.footer-link:hover{background:#ffffff14;border-color:var(--border-hover)}.footer-link--terms,.footer-link--privacy{display:none}.telegram-linked{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 480px){.landing-plan{flex:0 0 100%;width:100%}.landing-hero{padding:24px 8px 20px}.landing-hero p{font-size:13px}.landing-plan-filters{padding:4px;gap:4px;border-radius:16px}.landing-location-btn{padding-inline:10px;font-size:12px;min-height:30px;gap:6px}.landing-plan-tab{padding-inline:10px;font-size:12px;min-height:30px}.confirm-specs{gap:4px}.confirm-specs .spec-tag{font-size:10px;padding:3px 8px}.topup-amounts{grid-template-columns:repeat(3,1fr)}.os-image-card{padding:12px;gap:10px}.os-image-title{font-size:14px}.os-image-logo{width:34px;height:34px}.support-chat-compose{padding:10px}.support-chat-actions{flex-direction:column;align-items:stretch;gap:8px}.support-chat-actions .primary,.support-chat-actions .ghost{width:100%;justify-content:center}.dash-stat-value{font-size:20px}}@media (max-width: 380px){.topbar-balance{font-size:12px;padding:4px 10px}.topbar-avatar{width:30px;height:30px}.btn-logout{padding:5px 10px;font-size:11px}.brand{font-size:18px}.card{padding:14px;border-radius:14px}.topup-amounts{grid-template-columns:repeat(2,1fr)}.stats-grid,.admin-stats{grid-template-columns:1fr}.landing-hero h1{font-size:clamp(20px,8vw,28px)}.billing-title{font-size:18px}.dash-stats-grid{gap:8px}.dash-stat-value{font-size:18px}.dash-stat-icon-wrap{width:36px;height:36px;border-radius:10px}.dash-stat-icon-wrap svg{width:16px;height:16px}.cta .primary,.cta .ghost{padding:12px 20px;font-size:14px}.features-grid{gap:8px}.feature-card{grid-template-columns:30px minmax(0,1fr);column-gap:10px;padding:12px}.feature-icon{font-size:20px}.feature-title{font-size:13px}.feature-text{font-size:12px}.landing-plan{padding:16px}.lp-name{font-size:16px}.lp-price{font-size:20px}.lp-features li{font-size:12px}.mobile-bottom-link{min-height:52px;padding:6px 4px}.mobile-bottom-label{font-size:9px}.mobile-bottom-icon svg{width:16px;height:16px}.global-footer{grid-template-columns:30px minmax(0,1fr) auto;margin-inline:12px;padding:9px 10px;border-radius:16px;gap:8px}.footer-logo,.footer-link{width:30px;height:30px}.footer-copy{font-size:12px}.footer-links{gap:6px}}@media (max-height: 500px) and (orientation: landscape){.landing-hero{padding:20px 12px 16px}.landing-hero h1{font-size:clamp(20px,4vw,30px)}.auth-wrapper{min-height:auto;padding:16px}.support-chat-body{max-height:none;min-height:80px}.support-chat-compose textarea{max-height:70px}.ticket-detail-layout{height:calc(100vh - 130px);min-height:280px}}@media (hover: none) and (pointer: coarse){.topbar-link{min-height:44px;display:inline-flex;align-items:center}.side-link{min-height:44px}.footer-link{min-height:32px}.admin-nav-link{min-height:48px}.landing-location-btn,.landing-plan-tab{min-height:44px}.segment-tab{min-height:44px;padding:10px 16px}.topbar-profile-btn,.ghost,.primary,.danger,.btn-green{min-height:44px}}
