@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}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}.page{min-height:100vh;position:relative;overflow-x:hidden;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)}}.stars:before{content:"";position:absolute;top:-20%;left:30%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.012),transparent 70%);pointer-events:none;animation:ambientPulse 8s ease-in-out infinite alternate}.stars:after{content:"";position:absolute;bottom:10%;right:10%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.008),transparent 70%);pointer-events:none;animation:ambientPulse 12s ease-in-out infinite alternate-reverse}@keyframes ambientPulse{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.15)}}.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}.topbar-email{font-size:13px;color:var(--muted)}.topbar-balance{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}.topbar-avatar:hover{border-color:var(--border-hover)}.topbar-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.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:2px;min-width:0}.sidebar-user-name{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-balance{font-size:12px;color:var(--green);font-weight:500}.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:9px;height:9px;border-radius:50%;background:#ef4444;box-shadow:0 0 #ef44448c;animation:sideBadgePulse 1.8s infinite}@keyframes sideBadgePulse{0%{box-shadow:0 0 #ef44448c}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}.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}.admin-mode,.admin-mode .page{background:#0b1220}.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:#0206178c;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 #1f2a3b;background:#0f172a;padding:18px 12px;gap:12px;overflow:visible}.admin-sidebar-head{display:flex;flex-direction:column;gap:10px;padding:2px 4px}.admin-sidebar-kicker{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:#94a3b8;font-weight:700}.admin-sidebar-user{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #1f2a3b;border-radius:10px;background:#111b31}.admin-sidebar-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#94a3b8;background:#0b1220;border:1px solid #27344a;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:#e2e8f0;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-sidebar-user-role{color:#93c5fd;font-size:12px;font-weight:600}.admin-nav-links{display:flex;flex-direction:column;gap:4px}.admin-nav-link{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 10px;border-radius:10px;text-decoration:none;color:#94a3b8;border:1px solid transparent;background:transparent}.admin-nav-link.active{background:#111b31;color:#e2e8f0;border-color:#263550}.admin-nav-link-back{margin-top:auto}.admin-nav-icon{display:flex;align-items:center;justify-content:center;line-height:0}.admin-nav-label{font-size:13px;font-weight:600;min-width:0}.admin-sidebar-foot{margin-top:auto;padding:6px 4px 0;border-top:1px solid #1f2a3b}.admin-portal-main{display:flex;flex-direction:column;min-width:0}.admin-portal-topbar{height:60px;padding:0 18px;border-bottom:1px solid #1f2a3b;background:#0f172a;display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:20}.admin-menu-btn{display:none;width:34px;height:34px;border-radius:8px;border:1px solid #2a3b57;background:#111b31;color:#cbd5e1;align-items:center;justify-content:center}.admin-menu-btn svg{width:16px;height:16px}.admin-portal-title{color:#e2e8f0;font-size:16px;font-weight:700}.admin-portal-userbar{display:flex;align-items:center;gap:8px}.admin-portal-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#cbd5e1;font-size:12px;font-weight:700;text-decoration:none;border:1px solid #27344a;background:#0b1220;overflow:hidden}.admin-portal-avatar img{width:100%;height:100%;object-fit:cover}.admin-portal-logout{min-height:32px!important;padding:0 12px!important;border-radius:8px!important}.admin-portal-content{flex:1;display:flex;flex-direction:column;gap:14px;padding:18px}.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:#0f172a;border:1px solid #22304a;box-shadow:none}.admin-mode .card:hover,.admin-mode .admin-stat:hover,.admin-mode .stats-summary-card:hover,.admin-mode .admin-ticket-item:hover{border-color:#22304a;transform:none}.admin-mode .hero-card:after{display:none}.admin-mode .hero-card{background:#0f172a}.admin-mode .hero-kicker,.admin-mode .section-label{color:#94a3b8;letter-spacing:1.6px}.admin-mode .billing-title,.admin-mode .admin-stat-val,.admin-mode .stats-summary-value,.admin-mode .stats-title,.admin-mode .modal-title{color:#e2e8f0}.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:#94a3b8}.admin-mode .admin-table thead th{background:#101b2f}.admin-mode .admin-table td{border-bottom:1px solid #1f2a3b}.admin-mode .admin-table tr:hover td{background:#0f172a}.admin-mode .primary{background:#2563eb;color:#fff;border:1px solid #1d4ed8;box-shadow:none}.admin-mode .primary:hover{background:#1d4ed8}.admin-mode .ghost{background:#111b31;border:1px solid #2b3a53;color:#dbe5f2}.admin-mode .ghost:hover{background:#0f172a;border-color:#2b3a53}.admin-mode .danger{background:#3a1420;border:1px solid #7f1d1d;color:#fecaca}.admin-mode .danger:hover{background:#3a1420}.admin-mode .btn-green{background:#123223;border:1px solid #166534;color:#bbf7d0}.admin-mode .btn-green:hover{background:#123223}.admin-mode .period-pill,.admin-mode .admin-tab{background:#111b31;border:1px solid #2b3a53;color:#cbd5e1}.admin-mode .period-pill.active,.admin-mode .admin-tab.active{background:#2563eb;border-color:#1d4ed8;color:#fff}.admin-mode .field input,.admin-mode input,.admin-mode select,.admin-mode textarea{background:#0b1220;border-color:#27344a;color:#e2e8f0}.admin-mode .field input:focus,.admin-mode input:focus,.admin-mode select:focus,.admin-mode textarea:focus{border-color:#3b82f6;box-shadow:none}.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-card:after{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.025),transparent 70%);pointer-events:none}.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}.limit-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.limit-card{padding:18px 20px!important}.limit-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.limit-label{font-size:13px;font-weight:600;color:var(--ink)}.limit-nums{font-size:13px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.limit-bar{width:100%;height:8px;background:#ffffff0f;border-radius:999px;overflow:hidden}.limit-fill{height:100%;border-radius:999px;background:var(--green);transition:width .6s cubic-bezier(.22,1,.36,1)}.limit-fill-full{background:var(--red)}.plan-card-disabled{opacity:.45;pointer-events:none;filter:grayscale(.4)}.profile-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-discord-row{grid-template-columns:minmax(320px,1.15fr) minmax(300px,1fr);align-items:start}.profile-identity{display:flex;align-items:flex-start;gap:18px}.avatar-upload-compact{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.avatar-upload-compact input[type=file]{display:none}.avatar-preview-sm{width:56px;height:56px;border-radius:50%;background:var(--panel-solid);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:20px;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-btn-sm{padding:4px 10px;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)}.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{display:flex;flex-direction:column;gap:14px}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]{-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}.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 var(--border);background:#141414b3;color:var(--ink);outline:none;font-family:inherit;transition:all .25s ease}.promo-input:focus{border-color:#fff3;box-shadow:0 0 0 3px #ffffff0a}.promo-input::placeholder{letter-spacing:.5px;font-weight:400;text-transform:none;opacity:.4}.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}.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}.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}.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;min-width:65px;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}.srv-list{display:flex;flex-direction:column;gap:2px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.srv-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 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:#ef44440a}.srv-row.srv-evaporating{animation:srvEvaporate .7s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}@keyframes srvEvaporate{0%{opacity:1;transform:scale(1) translateY(0);filter:blur(0) saturate(1)}40%{opacity:.6;transform:scale(.98) translateY(-4px);filter:blur(1px) saturate(.5)}70%{opacity:.2;transform:scale(.95) translateY(-12px);filter:blur(4px) saturate(0)}to{opacity:0;transform:scale(.9) translateY(-24px);filter:blur(8px) saturate(0);max-height:0;padding:0;margin:0;border:none;overflow:hidden}}.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-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{opacity:.5;transition:all .2s}.srv-ar-btn:hover,.srv-ar-btn.on{opacity:1}.srv-ar-btn.on{color:var(--green, #22c55e);border-color:#22c55e33}.renew-options{display:flex;gap:8px;margin:16px 0 12px;flex-wrap:wrap}.renew-opt{padding:8px 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}.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:#f59e0b1a;color:var(--orange);border:1px solid rgba(245,158,11,.2)}.badge-none{background:#ffffff0a;color:var(--muted);border:1px solid var(--border)}.manage-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.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}.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)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.plans-grid-compact{gap:10px;grid-template-columns:repeat(auto-fit,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 12px 32px #0006}.plan-card.selected{border-color:#ffffff4d;box-shadow:0 0 0 2px #ffffff14,0 12px 32px #0006}.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}.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:1;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 10px;background:var(--border);position:relative;overflow:hidden;transition:background .3s ease}.step-line.done{background:var(--green)}.step-line.active{background:linear-gradient(90deg,var(--green),var(--border))}.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{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}.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}.empty-state{text-align:center;padding:40px 20px}.empty-icon{font-size:48px;margin-bottom:14px;opacity:.35}.empty-title{font-size:18px;font-weight:600;margin-bottom:8px}.empty-text{color:var(--muted);font-size:14px;margin-bottom:20px}.landing{position:relative;z-index:2;padding:40px 6vw 0;max-width:1200px;margin:0 auto;flex:1}.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}.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:40px}.landing-section-title{font-size:20px;font-weight:700;margin-bottom:16px}.landing-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:32px}.landing-plan{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:all .3s ease;display:flex;flex-direction:column;gap:10px}.landing-plan:hover{border-color:var(--border-hover);box-shadow:0 12px 32px #0006}.landing-plan .lp-head{display:flex;justify-content:space-between;align-items:center}.lp-name{font-size:18px;font-weight:700}.lp-price{font-size:22px;font-weight:700;color:var(--ink)}.lp-price.free{color:var(--green)}.lp-price span{font-size:12px;font-weight:500;color:var(--muted)}.lp-features{list-style:none;display:flex;flex-direction:column;gap:5px;margin-top:4px}.lp-features li{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px}.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(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:32px}.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}.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;text-align:center;padding:24px 6vw 20px;border-top:1px solid var(--border);background:#0a0a0ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-top:auto}.footer-links{display:flex;justify-content:center;gap:20px;margin-bottom:10px;flex-wrap:wrap}.footer-link{display:flex;align-items:center;gap:6px;color:var(--muted);text-decoration:none;font-size:14px;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-top:10px}.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}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.modal-actions .primary,.modal-actions .ghost,.modal-actions .danger,.modal-actions .btn-green{min-width:126px}@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)}}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px}.admin-stat{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;text-align:center;transition:all .3s ease}.admin-stat:hover{border-color:var(--border-hover);transform:translateY(-2px)}.admin-stat-val{font-size:24px;font-weight:700;color:var(--ink);margin-bottom:2px}.admin-stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px}.admin-table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border);background:#14141480}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th{text-align:left;padding:12px 14px;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);border-bottom:1px solid var(--border);font-weight:600;white-space:nowrap}.admin-table td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle;transition:background .2s ease}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#ffffff05}.admin-table thead th{position:sticky;top:0;background:#111;z-index:1}.stats-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.stats-summary-card{background:linear-gradient(160deg,#ffffff09,#ffffff04);border:1px solid var(--border);border-radius:16px;padding:16px 18px;box-shadow:0 8px 20px #0003;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.stats-summary-card:hover{transform:translateY(-1px);border-color:#ffffff2e;box-shadow:0 14px 34px #00000052}.stats-summary-title{font-size:12px;color:var(--muted);font-weight:600;letter-spacing:1.2px;text-transform:uppercase}.stats-summary-value{margin-top:8px;font-size:32px;font-weight:700;line-height:1.05;color:var(--ink)}.stats-summary-growth{margin-top:8px;font-size:13px;font-weight:600}.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.2fr 1fr;gap:16px;margin-bottom:16px}.stats-main-grid-bottom{display:grid;grid-template-columns:1fr 1.2fr;gap:16px}.chart-card{padding:0;overflow:hidden;background:linear-gradient(180deg,#ffffff08,#ffffff03)}.chart-card-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border)}.period-pills{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.period-pill{border:1px solid var(--border);background:#ffffff08;color:var(--muted);border-radius:999px;padding:0 12px;font-size:12px;font-weight:600;cursor:pointer;min-height:32px;transition:var(--transition)}.period-pill:hover{color:var(--ink);border-color:var(--border-hover);background:#ffffff0f}.period-pill.active{background:#fff;color:#0a0a0a;border-color:#fff}.line-chart-wrap{padding:10px 12px;background:linear-gradient(180deg,#ffffff03,#0000000a)}.line-chart{display:block;width:100%;height:280px}.chart-xlabels{display:grid;grid-template-columns:repeat(auto-fit,minmax(46px,1fr));gap:6px;color:var(--muted);font-size:11px;padding:2px 6px 0}.chart-legend{display:flex;gap:14px;flex-wrap:wrap;padding:10px 8px 4px;color:var(--muted);font-size:13px}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.chart-legend i{display:inline-block;width:10px;height:10px;border-radius:2px}.support-mini-card{display:flex;flex-direction:column}.stats-support-list{margin-top:10px;display:flex;flex-direction:column;gap:8px}.stats-support-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:#ffffff05}.stats-support-main{min-width:0;display:flex;flex-direction:column;gap:4px}.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:6px;flex-wrap:wrap}.active-user-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#ffffff05}.active-user-name{font-weight:700;color:var(--ink)}.active-user-email{font-size:13px;color:var(--muted);margin-top:3px}.active-user-time{font-size:12px;color:var(--muted);white-space:nowrap}.admin-actions{display:flex;gap:6px;flex-wrap:wrap}.admin-actions button,.admin-actions a{font-size:12px;padding:0 10px;min-height:30px;display:inline-flex;align-items:center;justify-content:center}.admin-search{display:flex;gap:10px;margin-bottom:16px;align-items:center}.admin-search input{flex:1;max-width:360px}.admin-tabs{display:flex;gap:4px;margin-bottom:20px;flex-wrap:wrap}.admin-tab{padding:0 14px;border-radius:999px;font-size:13px;font-weight:500;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;transition:all .25s ease;text-decoration:none;min-height:34px}.admin-tab:hover{color:var(--ink);border-color:var(--border-hover)}.admin-tab.active{color:#0a0a0a;background:#fff;border-color:#fff}.admin-form{display:flex;flex-direction:column;gap:14px;max-width:520px}.admin-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.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:12px;display:flex;flex-direction:column;gap:10px}.admin-setting-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:#ffffff05}.admin-setting-title{font-size:14px;font-weight:600;color:var(--ink)}.admin-setting-sub{font-size:12px;color:var(--muted);margin-top:2px}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;transition:var(--transition)}.chip-admin{background:#f59e0b1a;color:var(--orange);border:1px solid rgba(245,158,11,.2)}.chip-user{background:#ffffff0a;color:var(--muted);border:1px solid var(--border)}.chip-active{background:#22c55e1a;color:var(--green);border:1px solid rgba(34,197,94,.2)}.chip-suspended{background:#f59e0b1a;color:var(--orange);border:1px solid rgba(245,158,11,.2)}.chip-paid{background:#22c55e1a;color:var(--green);border:1px solid rgba(34,197,94,.2)}.chip-pending{background:#f59e0b1a;color:var(--orange);border:1px solid rgba(245,158,11,.2)}.chip-rejected{background:#ef44441a;color:var(--red);border:1px solid rgba(239,68,68,.2)}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:all .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}.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}.ticket-compose-preview{width:min(280px,100%);max-height:200px;object-fit:cover;border-radius:12px;border:1px solid var(--border);background:#ffffff05}.ticket-image-modal{max-width:min(90vw,980px);max-height:90vh;background:#111;border:1px solid var(--border);border-radius:16px;padding:10px;box-shadow:var(--shadow)}.ticket-image-modal img{display:block;max-width:100%;max-height:calc(90vh - 20px);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}.support-chat-body{max-height:56vh;min-height:300px;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px;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}.support-chat-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.support-chat-actions .ghost,.support-chat-actions .primary{min-height:36px}.admin-ticket-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.admin-ticket-item{border:1px solid var(--border);border-radius:14px;padding:12px;background:linear-gradient(160deg,#ffffff0a,#ffffff03);cursor:pointer;transition:var(--transition)}.admin-ticket-item:hover{border-color:var(--border-hover);transform:translateY(-1px)}.admin-ticket-item:focus-visible{outline:2px solid rgba(255,255,255,.35);outline-offset:2px}.admin-ticket-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.admin-ticket-id{font-size:13px;font-weight:700;color:var(--ink)}.admin-ticket-user{margin-top:8px;font-size:13px;color:var(--ink);font-weight:600}.admin-ticket-subject{margin-top:5px;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-ticket-meta{margin-top:10px;display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted)}.admin-ticket-actions{margin-top:10px;display:flex;justify-content:flex-end;gap:6px}.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}.discord-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;border-radius:999px;background:#5865f2;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)}.discord-btn:hover{background:#4752c4}.discord-btn svg{flex-shrink:0}.auth-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--muted);font-size:13px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.discord-linked{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#5865f214;border-radius:var(--radius-sm);border:1px solid rgba(88,101,242,.15)}.discord-avatar-sm{width:32px;height:32px;border-radius:50%;object-fit:cover}.discord-name{font-weight:600;color:#5865f2;flex:1}.discord-req-box{margin:6px 0 14px;padding:10px 12px;border-radius:12px;border:1px solid rgba(88,101,242,.22);background:#5865f212;display:flex;flex-direction:column;gap:8px}.discord-req-box.blocked{border-color:#f59e0b59;background:#f59e0b14}.discord-req-box.ok{border-color:#22c55e52;background:#22c55e14}.discord-req-head,.discord-req-inline{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.discord-req-title{font-size:13px;font-weight:700;color:var(--ink)}.discord-req-text{font-size:12px;color:var(--muted)}.discord-req-stats{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.discord-req-actions{display:flex;gap:8px;flex-wrap:wrap}.discord-server-card{display:flex;flex-direction:column;gap:12px}.discord-server-head{display:flex;align-items:center;gap:10px}.discord-server-avatar{width:50px;height:50px;border-radius:12px;object-fit:cover;flex-shrink:0;border:1px solid var(--border)}.discord-server-avatar-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5865f2,#7b86ff);color:#fff;font-weight:800;font-size:14px;letter-spacing:.5px}.discord-server-head-text{min-width:0}.discord-server-sub{font-size:12px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discord-account-hint{margin-top:10px;font-size:12px;line-height:1.45;color:var(--muted)}.discord-member-state{margin-top:10px;padding:9px 10px;border-radius:10px;font-size:12px;border:1px solid rgba(245,158,11,.28);background:#f59e0b14;color:#fbbf24}.discord-member-state.ok{border-color:#22c55e47;background:#22c55e14;color:#86efac}.discord-server-meta{margin-top:0;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#ffffff08;display:flex;flex-direction:column;gap:6px;font-size:12px}.discord-server-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.discord-server-label{color:var(--muted)}.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}.alert-banner-container{position:sticky;top:0;z-index:1000;display:flex;flex-direction:column;gap:0}.alert-banner{display:flex;align-items:center;gap:12px;padding:10px 24px;background:#f59e0b0f;border-bottom:1px solid rgba(245,158,11,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.alert-banner-icon{font-size:18px;flex-shrink:0}.alert-banner-content{flex:1;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px;color:var(--ink)}.alert-banner-content strong{color:var(--orange)}.alert-banner-close{background:none;border:none;color:var(--muted);cursor:pointer;font-size:16px;padding:4px 8px;border-radius:4px;transition:color var(--transition),background var(--transition)}.alert-banner-close:hover{color:var(--ink);background:#ffffff0f}.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:6px;padding:7px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#0c0c0ce6;-webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15);box-shadow:0 16px 40px #0000008c,inset 0 1px #ffffff0d}.mobile-bottom-link{text-decoration:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:58px;border-radius:13px;position:relative;padding:8px 5px;transition:color var(--transition),background var(--transition),transform var(--transition);text-align:center}.mobile-bottom-link:hover{color:var(--ink);background:#ffffff0a}.mobile-bottom-link.active{color:var(--ink);background:#ffffff17;box-shadow:inset 0 0 0 1px #ffffff1a}.mobile-bottom-icon{display:flex;align-items:center;justify-content:center;line-height:0}.mobile-bottom-icon svg{width:18px;height:18px}.mobile-bottom-label{font-size:10px;line-height:1.1;font-weight:600;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-bottom-badge{position:absolute;top:7px;right:calc(50% - 18px);width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 3px #0c0c0ce6}.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}@media (max-width:960px){.burger{display:flex}.admin-portal{grid-template-columns:1fr}.admin-menu-btn{display:flex}.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}.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}.dashboard-shell{grid-template-columns:1fr;gap:16px;padding:16px 4vw 30px}.sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;z-index:210;border-radius:0;border:none;border-right:1px solid var(--border);flex-direction:column;overflow-y:auto;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);padding:18px 14px;gap:4px}.sidebar.open{transform:translate(0)}.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))}.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}}@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}.burger,.sidebar,.sidebar-overlay{display:none!important}.mobile-bottom-nav{display:block}.sidebar{width:80vw;max-width:280px}.dashboard-shell{padding:12px 3.5vw calc(92px + env(safe-area-inset-bottom));gap:14px}.dashboard{padding-bottom:8px}.landing{padding:16px 3.5vw 0}.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}.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}.landing-hero{padding:32px 12px 24px}.landing-hero h1{font-size:clamp(22px,7vw,34px)}.landing-hero p{font-size:14px}.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}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.pick-grid-sm{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.name-input{font-size:14px;padding:10px 14px}.name-gen-btn{width:40px;height:40px}.features-grid{grid-template-columns:1fr}.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}.config-grid{grid-template-columns:1fr}.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}.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)}.auth-card{max-width:100%}.modal-overlay{padding:12px;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}.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;-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}.profile-grid{gap:12px}.pf-value{padding:8px 12px;font-size:13px}.ticket-msg{padding:14px 16px}.ticket-msg-body{font-size:14px}.changelog-page{padding:16px 12px 40px}.changelog-header{flex-direction:column;align-items:flex-start;gap:6px}.stepper{margin-bottom:18px}.stepper-compact{max-width:100%;padding:8px 12px}.stepper-compact .step,.stepper-compact .step-line{display:none!important}.stepper-compact .stepper-mobile-current{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.stepper-compact .stepper-mobile-text{font-size:13px}.footer-links{gap:14px}.footer-link{font-size:13px}.global-footer{padding:18px 4vw calc(96px + env(safe-area-inset-bottom))}.srv-stats{font-size:10px}.alert-banner{padding:8px 12px;gap:8px}.alert-banner-content{font-size:13px}.discord-linked{flex-direction:column;align-items:flex-start;gap:8px}.profile-discord-row{grid-template-columns:1fr}.discord-server-line{flex-direction:column;align-items:flex-start}.telegram-linked{flex-direction:column;align-items:flex-start;gap:8px}.profile-two-col{grid-template-columns:1fr}.profile-identity{flex-direction:column;align-items:center;text-align:center}.inline-field-row{flex-direction:column;align-items:stretch}}@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}}