:root{color-scheme:dark;--bg: #0b0f17;--surface: #131a24;--surface-muted: #1a2230;--surface-2: #1a2230;--glass: rgba(255,255,255,.04);--glass-strong: rgba(255,255,255,.07);--line: rgba(255,255,255,.08);--line-strong: rgba(255,255,255,.14);--text: #ffffff;--muted: rgba(255,255,255,.65);--soft: rgba(255,255,255,.46);--accent: #4d8ce8;--accent-strong: #76a7f0;--accent-soft: rgba(77,140,232,.16);--button-text: #ffffff;--danger: #ff5c7a;--danger-soft: rgba(255,92,122,.12);--radius: 18px;--radius-lg: 22px;--nav-height: 76px;--shadow: 0 24px 72px rgba(0,0,0,.34);font-family:Geist Sans,SF Pro Display,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}button{border:0}button:focus{outline:none}button:focus-visible{outline:2px solid rgba(118,167,240,.58);outline-offset:2px}a{color:inherit}::-moz-selection{color:var(--button-text);background:var(--accent)}::selection{color:var(--button-text);background:var(--accent)}.loader-screen,.loading-screen{min-height:100dvh;display:grid;place-items:center;padding:24px;color:var(--text);background:var(--bg)}.loading-screen{min-height:calc(100dvh - 96px);padding:24px 18px}.loading-card{width:min(100%,220px);display:grid;justify-items:center;gap:14px;padding:28px 18px;border:0;border-radius:18px;background:transparent;box-shadow:none}.loading-spinner{width:46px;height:46px;border-radius:999px;border:3px solid rgba(255,255,255,.13);border-top-color:var(--accent);border-right-color:transparent;animation:loadingSpin .78s linear infinite}.loading-title{margin:0;color:var(--muted);font-size:13px;font-weight:720}@keyframes loadingSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.loading-spinner{animation:none}}.mobile-page{display:flex;justify-content:center;padding:16px 12px}.mobile-shell{position:relative;width:min(100%,444px);height:calc(100dvh - 32px);min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg);box-shadow:var(--shadow)}.mobile-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 220px)}.mobile-scroll{position:relative;flex:1;overflow-y:auto;padding:22px 20px 30px;scroll-behavior:smooth}.mobile-scroll-with-nav{margin-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + 24px);padding-bottom:26px}.mobile-scroll::-webkit-scrollbar{width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark,.icon-box{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 auto;border:1px solid var(--line);border-radius:16px;color:var(--accent);background:#ffffff0e;box-shadow:inset 0 1px #ffffff14}.brand-title{margin:0;font-size:15px;font-weight:750;letter-spacing:0}.brand-subtitle,.muted,.label,.field-hint{color:var(--muted)}.brand-subtitle{margin:2px 0 0;font-size:12px}.pill{display:inline-flex;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:var(--muted);background:#ffffff0b;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-size:12px;white-space:nowrap}.pill-accent{color:var(--text);background:var(--accent-soft);border-color:#4d8ce852}.dot{width:7px;height:7px;border-radius:999px;background:currentColor}.status-indicator{position:relative;width:11px;height:11px;flex:0 0 auto;border-radius:999px;background:#56d68a;box-shadow:0 0 0 4px #56d68a1f}.status-indicator:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:1px solid rgba(86,214,138,.2);border-radius:inherit;animation:statusPulse 2.4s cubic-bezier(.16,1,.3,1) infinite}@keyframes statusPulse{0%{opacity:.72;transform:scale(.72)}to{opacity:0;transform:scale(1.35)}}.hero,.card,.row,.tariff,.payment,.faq,.auth-card,.admin-card,.admin-stat,.admin-hero,.admin-hero-aside,.menu-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffff0a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:inset 0 1px #ffffff14}.hero{display:grid;gap:20px;padding:24px}.hero-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.hero h1,.section-title,.admin-card h2,.auth-card h1{margin:0;font-weight:750;letter-spacing:0;line-height:1.08}.hero h1{max-width:280px;font-size:30px}.hero-copy{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{min-height:76px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0b}.metric span,.label{display:block;margin-bottom:5px;color:var(--soft);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.metric strong{font-size:18px;letter-spacing:0}.section{margin-top:24px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.section-title{font-size:18px}.stack{display:grid;gap:12px}.card{padding:18px}.row,.payment{width:100%;display:flex;align-items:center;gap:12px;min-height:68px;padding:15px;text-align:left;color:var(--text);cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.row:hover,.payment:hover,.tariff:hover,.button-secondary:hover,.button-outline:hover,.back-button:hover,.nav-button:hover{background:#ffffff13;border-color:var(--line-strong)}.row:active,.payment:active,.tariff:active,.button:active,.back-button:active,.nav-button:active{transform:scale(.985)}.row-content{min-width:0;flex:1}.row-title{display:block;margin:0;font-weight:680;letter-spacing:0}.row-note{display:block;margin:3px 0 0;color:var(--muted);font-size:13px;line-height:1.35}.code{margin:0 0 14px;overflow-wrap:anywhere;color:#ffffffc7;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.45}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.location-block{display:grid;gap:10px;margin-top:14px}.location-list{display:flex;flex-wrap:wrap;gap:8px}.location-pill{color:var(--text);background:#ffffff0f}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:16px;padding:0 16px;cursor:pointer;font-weight:700;letter-spacing:0;text-decoration:none;transition:background .18s ease,color .18s ease,transform .18s ease,border-color .18s ease,opacity .18s ease}.button-primary{color:var(--button-text);background:linear-gradient(180deg,var(--accent-strong),var(--accent));box-shadow:inset 0 1px #ffffff29,0 10px 24px #4d8ce829}.button-primary:hover{background:var(--accent-strong)}.star-icon{display:inline-block;-o-object-fit:contain;object-fit:contain;flex:0 0 auto;vertical-align:-.14em;filter:drop-shadow(0 1px 2px rgba(50,132,220,.22))}.star-amount{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.button-secondary{color:var(--text);background:#ffffff0f;border:1px solid var(--line)}.button-danger{color:#fff;background:var(--danger)}.button-outline{color:var(--text);background:#ffffff06;border:1px solid var(--line)}.button-full{width:100%}.button:disabled{cursor:not-allowed;opacity:.48}.tariff{width:100%;min-height:82px;padding:16px;color:var(--text);text-align:left;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.tariff-selected{border-color:#4d8ce880;background:var(--accent-soft)}.tariff-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tariff-title{margin:0;font-size:15px;font-weight:760}.tariff-price{margin:0;font-size:19px;font-weight:780;letter-spacing:0}.tariff-note{margin:6px 0 0;color:var(--muted);font-size:13px}.tariff-list{display:grid;gap:14px}.tariff-rich{display:grid;gap:12px}.tariff-description{line-height:1.42}.device-card,.payment-history-card,.empty-state{display:grid;gap:16px;padding:18px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffff0a;box-shadow:inset 0 1px #ffffff14}.device-card-head,.payment-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.device-card-head strong{white-space:nowrap;color:var(--text)}.device-range{width:100%;accent-color:var(--accent)}.device-scale{display:flex;justify-content:space-between;gap:10px;color:var(--soft);font-size:12px}.payment-history-list{display:grid;gap:14px}.payment-history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.payment-mini{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff09}.payment-mini span,.payment-history-id{color:var(--soft);font-size:12px}.payment-mini strong{font-size:14px}.payment-history-id{margin:0;overflow-wrap:anywhere;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.payment-status-pill{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;border:1px solid var(--line);font-size:12px;white-space:nowrap}.payment-status-ok{color:#56d68a;background:#56d68a1f;border-color:#56d68a3d}.payment-status-wait{color:var(--accent-strong);background:var(--accent-soft);border-color:#4d8ce852}.payment-status-bad{color:var(--danger);background:var(--danger-soft);border-color:#ff5c7a47}.balance-hero,.topup-card,.gift-card,.balance-tx{border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffff0b;box-shadow:inset 0 1px #ffffff14}.balance-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;margin-bottom:22px}.balance-hero strong{display:block;margin-top:4px;font-size:34px;line-height:1;letter-spacing:0}.topup-card{display:grid;gap:16px;padding:18px}.topup-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.topup-chip{min-height:42px;border:1px solid var(--line);border-radius:var(--radius);color:var(--text);background:#ffffff09;font-size:13px;font-weight:720}.topup-chip-active{border-color:#4d8ce88c;background:var(--accent-soft);color:var(--accent-strong)}.gift-card{display:grid;grid-template-columns:auto 1fr;align-items:flex-start;gap:14px;padding:18px}.gift-card code{color:var(--accent-strong);font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}.balance-history{display:grid;gap:10px}.balance-tx{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px}.balance-tx-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius);border:1px solid var(--line)}.balance-tx-plus{color:#56d68a;background:#56d68a1c}.balance-tx-minus{color:var(--accent-strong);background:var(--accent-soft)}.balance-tx-amount{white-space:nowrap;font-size:14px}.balance-tx-positive{color:#56d68a}.balance-tx-negative{color:var(--text)}.empty-state{justify-items:center;text-align:center;padding:28px 20px}.bottom-nav{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));z-index:20;width:min(calc(100% - 24px),406px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;min-height:var(--nav-height);padding:7px;border:1px solid var(--line);border-radius:24px;background:#0f151fd1;-webkit-backdrop-filter:blur(24px) saturate(1.1);backdrop-filter:blur(24px) saturate(1.1);transform:translate(-50%);box-shadow:0 18px 54px #00000057,inset 0 1px #ffffff17}.nav-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:58px;border-radius:17px;color:var(--muted);background:transparent;font-size:11px;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}.nav-button-active{color:var(--text);background:#4d8ce826;box-shadow:inset 0 0 0 1px #4d8ce83d,inset 0 1px #ffffff14}.screen-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.screen-head h1{margin:0;font-size:24px;line-height:1.08;letter-spacing:0}.back-button{width:40px;height:40px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:16px;color:var(--text);background:#ffffff0e;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.field{display:grid;gap:6px}.field input,.field select,.field textarea{width:100%;min-height:48px;border:1px solid var(--line);border-radius:16px;padding:0 13px;color:var(--text);background:#ffffff0b;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.field input:focus,.field select:focus,.field textarea:focus{border-color:#4d8ce88c;box-shadow:0 0 0 3px #4d8ce829;background:#fff1}.field textarea{min-height:138px;resize:vertical;padding:14px;line-height:1.45}.field-label{color:var(--muted);font-size:12px;font-weight:680}.support-panel{display:grid;gap:18px;padding:20px;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg,#fff1,#ffffff08),#ffffff08;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:inset 0 1px #ffffff17}.support-panel-head{display:flex;align-items:center;gap:12px}.support-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.support-chip{min-height:44px;border:1px solid var(--line);border-radius:15px;color:var(--muted);background:#ffffff0a;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.support-chip:hover{color:var(--text);border-color:var(--line-strong);background:#fff1}.support-chip:active{transform:scale(.985)}.support-chip-active{color:var(--text);border-color:#4d8ce875;background:var(--accent-soft)}.support-field{gap:8px}.inline-error{display:flex;align-items:center;gap:8px;padding:11px 12px;border:1px solid rgba(255,92,122,.24);border-radius:16px;color:#ff9aad;background:var(--danger-soft);font-size:13px}.ticket-row,.contact-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffff0a;box-shadow:inset 0 1px #ffffff12}.ticket-status{width:10px;height:10px;flex:0 0 auto;border-radius:999px;background:var(--accent);box-shadow:0 0 0 5px #4d8ce81f}.ticket-status-ready{background:#62d38a;box-shadow:0 0 0 5px #62d38a1f}.ticket-status-closed{background:var(--soft);box-shadow:0 0 0 5px #ffffff0f}.toast{position:fixed;left:50%;bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + 22px);z-index:30;width:min(calc(100% - 32px),398px);display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--line-strong);border-radius:18px;background:#131a24e6;color:var(--text);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);transform:translate(-50%);box-shadow:0 18px 50px #00000057}.auth-page{display:grid;place-items:center;padding:24px}.admin-page,.menu-page{padding:24px}.auth-card{width:min(100%,430px);padding:24px;box-shadow:var(--shadow)}.auth-card h1{margin-top:16px;font-size:27px}.auth-card p{line-height:1.55}.auth-form{display:grid;gap:14px;margin-top:22px}.error{padding:11px 13px;border:1px solid rgba(255,92,122,.22);border-radius:16px;color:#ff9aad;background:var(--danger-soft);font-size:13px}.admin-page{max-width:1180px;margin:0 auto}.admin-header,.menu-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.admin-kicker{display:flex;align-items:center;gap:10px;color:var(--muted);font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.admin-kicker span+span:before{content:"/";margin-right:10px;color:var(--soft)}.admin-hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:stretch;margin-bottom:16px;padding:24px}.admin-hero .muted{max-width:720px;line-height:1.55}.admin-hero-aside{display:grid;align-content:end;gap:8px;padding:18px}.admin-hero-aside strong{font-size:clamp(30px,4vw,44px);line-height:.95;letter-spacing:0}.admin-title,.menu-title{margin:0;font-size:clamp(30px,5vw,52px);line-height:.96;letter-spacing:0}.admin-grid,.menu-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.admin-card{padding:18px}.admin-card-wide{grid-column:span 8}.admin-card-side{grid-column:span 4}.admin-card-mid{grid-column:span 5}.admin-card-log{grid-column:span 7}.admin-stat{grid-column:span 3;display:grid;gap:8px;padding:16px}.admin-stat strong{font-size:26px;letter-spacing:0}.bar-chart{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:8px;height:220px;margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:18px;background:#ffffff08}.bar-chart span{display:block;min-height:18px;height:var(--bar);border-radius:8px 8px 3px 3px;background:var(--accent)}.chart-footer{display:flex;justify-content:space-between;margin-top:8px;color:var(--muted);font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.region-list,.timeline{display:grid;gap:12px;margin-top:16px}.region-row{display:grid;gap:8px}.region-row>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.region-row span{color:var(--muted)}.region-track{display:block;height:8px;overflow:hidden;border-radius:999px;background:#ffffff14}.region-track span{display:block;height:100%;border-radius:inherit;background:var(--accent)}.timeline-item{display:grid;grid-template-columns:86px 1fr;gap:12px;padding:11px 0;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.timeline-item strong{color:var(--text);font-weight:650}.timeline-item[data-tone=warning] strong{color:var(--danger)}.menu-card{grid-column:span 6;min-height:240px;display:flex;flex-direction:column;justify-content:space-between;padding:22px;text-decoration:none}.menu-card p{color:var(--muted);line-height:1.55}@media (max-width: 760px){.mobile-page{padding:0}.mobile-shell{height:100dvh;min-height:0;width:100%;border:0;border-radius:0;box-shadow:none}.hero h1{font-size:28px}.admin-header,.menu-header{align-items:flex-start;flex-direction:column}.admin-kicker{align-items:flex-start;flex-direction:column;gap:4px}.admin-kicker span+span:before{content:none}.admin-hero{grid-template-columns:1fr;padding:18px}.admin-grid,.menu-grid{grid-template-columns:1fr}.admin-card-wide,.admin-card-side,.admin-card-mid,.admin-card-log,.admin-stat,.menu-card{grid-column:auto}.bar-chart{height:180px}.actions{grid-template-columns:1fr}.device-card-head,.payment-history-head{flex-direction:column}.payment-history-grid{grid-template-columns:1fr}.topup-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.balance-tx{grid-template-columns:auto minmax(0,1fr)}.balance-tx-amount{grid-column:2;justify-self:start}}:root{color-scheme:dark;--bg: #030405;--surface: rgba(255,255,255,.045);--surface-strong: rgba(255,255,255,.075);--surface-premium: rgba(59,130,246,.12);--surface-muted: var(--surface-strong);--surface-2: var(--surface-strong);--border: rgba(255,255,255,.1);--border-strong: rgba(255,255,255,.16);--text: #ffffff;--text-muted: rgba(255,255,255,.58);--text-soft: rgba(255,255,255,.36);--blue: #3B82F6;--blue-light: #60A5FA;--blue-soft: rgba(59,130,246,.18);--green: #34D399;--red: #FB7185;--yellow: #FBBF24;--line: var(--border);--line-strong: var(--border-strong);--muted: var(--text-muted);--soft: var(--text-soft);--accent: var(--blue);--accent-strong: var(--blue-light);--accent-soft: var(--blue-soft);--button-text: #ffffff;--danger: var(--red);--danger-soft: rgba(251,113,133,.14);--radius: 22px;--radius-lg: 28px;--nav-height: 82px;--shadow: 0 26px 68px rgba(0,0,0,.42);font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}html,body,#root{min-height:100%;overflow-x:hidden}body{background:radial-gradient(circle at 50% -10%,rgba(59,130,246,.18),transparent 38%),radial-gradient(circle at 100% 18%,rgba(76,141,255,.08),transparent 30%),#030405;color:var(--text)}.glass-card{background:linear-gradient(180deg,#ffffff13,#ffffff09);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff14,0 18px 48px #00000059;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.glass-card-premium{background:radial-gradient(circle at 18% 0%,rgba(59,130,246,.22),transparent 42%),linear-gradient(180deg,#ffffff16,#ffffff0a);border:1px solid rgba(96,165,250,.28);box-shadow:inset 0 1px #ffffff1f,0 0 36px #3b82f61a,0 22px 60px #00000073;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.tap-effect,.button,.row,.payment,.tariff,.topup-chip,.support-chip,.back-button,.nav-button{transition:transform .16s ease,background .16s ease,border-color .16s ease,opacity .16s ease,box-shadow .16s ease,color .16s ease}.tap-effect:active,.button:active,button.row:active,.payment:active,.tariff:active,.topup-chip:active,.support-chip:active,.back-button:active,.nav-button:active{transform:scale(.975)}.safe-page{padding-bottom:calc(env(safe-area-inset-bottom) + 108px)}.mobile-page{min-height:100dvh;display:flex;justify-content:center;padding:0;background:radial-gradient(circle at 50% -10%,rgba(59,130,246,.18),transparent 38%),radial-gradient(circle at 100% 18%,rgba(76,141,255,.08),transparent 30%),#030405}.mobile-shell{width:min(100%,440px);height:100dvh;border:0;border-radius:0;background:transparent;box-shadow:none}.mobile-shell:before{content:none}.mobile-scroll{padding:22px 20px calc(env(safe-area-inset-bottom) + 28px);overflow-x:hidden;animation:pageEnter .42s cubic-bezier(.16,1,.3,1) both}.mobile-scroll-with-nav{margin-bottom:0;padding-bottom:calc(env(safe-area-inset-bottom) + 114px)}@keyframes pageEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.topbar{margin-bottom:24px}.brand{gap:12px}.brand-mark,.icon-box{width:42px;height:42px;border-radius:18px;border-color:#ffffff1c;color:var(--blue-light);background:linear-gradient(180deg,#ffffff18,#ffffff09),#3b82f60f;box-shadow:inset 0 1px #ffffff1a,0 10px 28px #00000047}.brand-title{font-size:15px;font-weight:780}.brand-subtitle{color:var(--text-soft);font-size:12px}.status-indicator{width:10px;height:10px;background:var(--green);box-shadow:0 0 0 5px #34d3991f}.vpn-status-card{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;padding:20px;border-radius:28px}.vpn-status-card h1{margin:4px 0 6px;font-size:25px;line-height:1.08;font-weight:800;letter-spacing:-.03em}.vpn-status-card p{margin:0;color:var(--text-muted);font-size:14px;line-height:1.45}.eyebrow,.label,.metric span{margin:0 0 6px;color:var(--text-soft);font-size:11px;font-weight:760;line-height:1.2;text-transform:uppercase;letter-spacing:.08em}.status-pill{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 11px;border-radius:999px;border:1px solid rgba(255,255,255,.11);color:var(--text-muted);background:#ffffff0b;white-space:nowrap;font-size:12px;font-weight:720}.status-pill-ok{color:var(--green);border-color:#34d3993d;background:#34d3991a}.status-pill-muted{color:var(--text-muted)}.status-dot{width:7px;height:7px;border-radius:999px;background:currentColor;box-shadow:0 0 0 4px #60a5fa1f}.hero,.card,.row,.tariff,.payment,.faq,.device-card,.payment-history-card,.empty-state,.balance-hero,.topup-card,.gift-card,.balance-tx,.ticket-row,.contact-strip,.support-panel{border-radius:28px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff13,#ffffff09);box-shadow:inset 0 1px #ffffff14,0 18px 48px #0000004d;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.hero{gap:22px;padding:24px}.hero h1,.screen-head h1,.section-head .section-title:first-child,.section-title{letter-spacing:-.03em}.hero h1{max-width:280px;font-size:32px;line-height:1.08;font-weight:820}.hero-copy,.row-note,.field-hint{color:var(--text-muted)}.hero-copy{font-size:15px;line-height:1.48}.pill{min-height:31px;padding:0 11px;border-color:#ffffff1a;color:var(--text-muted);background:#ffffff0e}.pill-accent{color:#d8e8ff;border-color:#60a5fa4d;background:#3b82f626}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{min-height:82px;padding:15px;border-radius:22px;border-color:#ffffff17;background:#ffffff0b}.metric strong{display:block;min-width:0;overflow-wrap:anywhere;font-size:17px;font-weight:780}.section{margin-top:30px}.section-head{margin-bottom:13px}.section-title{font-size:20px;line-height:1.15;font-weight:790}.section-head>div .section-title{font-size:30px;line-height:1.05;font-weight:820}.section-head>div .row-note{max-width:310px;margin-top:8px;font-size:15px;line-height:1.45}.card,.topup-card,.support-panel{padding:22px}.key-card{overflow:hidden}.key-preview{margin-bottom:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.key-card-full .code{white-space:normal;overflow-wrap:anywhere}.code{color:#ffffffc2;font-size:12px;line-height:1.55}.code-muted{color:var(--text-muted);font-family:inherit;font-size:14px}.actions{gap:10px}.button{min-height:54px;border-radius:21px;padding:0 17px;font-size:14px;font-weight:760}.button-primary{color:#fff;background:linear-gradient(180deg,#60a5fa,#3b82f6);box-shadow:inset 0 1px #ffffff38,0 16px 30px #3b82f638}.button-primary:hover{background:linear-gradient(180deg,#75b4ff,#3b82f6)}.button-secondary,.button-outline{border:1px solid rgba(255,255,255,.11);color:#ffffffeb;background:#ffffff0e;box-shadow:inset 0 1px #ffffff14}.button-outline{background:#ffffff06}.button:disabled{opacity:.44}.stack{gap:12px}.row,.payment{min-height:76px;padding:16px;border-radius:24px}.row{cursor:default}button.row{cursor:pointer}.row-title{font-size:15px;line-height:1.25;font-weight:720}.row-note{margin-top:5px;font-size:13px;line-height:1.38}.step-list{display:grid;gap:12px;margin-top:16px}.setup-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:flex-start;padding:18px;border-radius:26px}.step-index{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;color:var(--blue-light);background:#3b82f624;border:1px solid rgba(96,165,250,.24);font-weight:780}.profile-card{padding:20px}.profile-avatar{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex:0 0 auto;border-radius:20px;color:#fff;background:radial-gradient(circle at 25% 0%,rgba(96,165,250,.45),transparent 42%),#3b82f62e;border:1px solid rgba(96,165,250,.26);font-weight:820}.profile-dashboard{display:grid;gap:0;padding:4px 18px}.profile-dashboard .row{min-height:62px;padding:14px 0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.profile-dashboard .row+.row{border-top:1px solid rgba(255,255,255,.08)}.balance-hero{padding:24px;margin-bottom:28px;background:radial-gradient(circle at 15% 0%,rgba(59,130,246,.2),transparent 44%),linear-gradient(180deg,#ffffff15,#ffffff0a)}.balance-hero strong{margin-top:8px;font-size:40px;letter-spacing:-.03em}.topup-presets{gap:9px}.topup-chip{min-height:46px;border-radius:18px;border-color:#ffffff1a;background:#ffffff0b;color:#ffffffdb}.topup-chip-active{border-color:#60a5fa6b;color:#fff;background:#3b82f62e;box-shadow:inset 0 1px #ffffff17}.field{gap:8px}.field-label{color:var(--text-muted);font-size:12px;font-weight:740}.field input,.field select,.field textarea{min-height:52px;border-radius:20px;border-color:#ffffff1c;background:#ffffff0b}.field textarea{min-height:150px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#60a5fa7a;box-shadow:0 0 0 4px #3b82f624}.gift-card{grid-template-columns:auto minmax(0,1fr);margin-bottom:12px}.gift-history{display:grid;gap:10px}.balance-history,.payment-history-list{gap:12px}.balance-tx{min-height:74px;border-radius:24px}.balance-tx-plus{color:var(--green);background:#34d3991c}.balance-tx-minus{color:var(--blue-light);background:#3b82f621}.balance-tx-positive{color:var(--green)}.balance-tx-negative{color:#ffffffdb}.payment-history-card{padding:18px}.payment-mini{border-radius:20px;border-color:#ffffff17;background:#ffffff0a}.payment-status-pill{border-radius:999px;height:30px;padding:0 11px;font-weight:720}.payment-status-ok{color:var(--green);background:#34d3991c;border-color:#34d3993d}.payment-status-wait{color:var(--blue-light);background:#3b82f624}.payment-status-bad{color:var(--red);background:#fb71851f}.tariff{min-height:96px;padding:18px;border-radius:26px}.tariff-selected{border-color:#60a5fa80;background:radial-gradient(circle at 18% 0%,rgba(59,130,246,.2),transparent 42%),#3b82f61a;box-shadow:inset 0 1px #ffffff1a,0 0 28px #3b82f61a}.tariff-title{font-size:16px;font-weight:800}.tariff-price{font-size:20px;font-weight:820}.tariff-note{color:var(--text-muted);line-height:1.4}.device-card{padding:20px}.device-range{height:30px;accent-color:var(--blue)}.support-empty{margin-top:16px}.support-panel{gap:18px}.support-category-grid{gap:9px}.support-chip{min-height:46px;border-radius:18px;color:#ffffffb8;border-color:#ffffff1a;background:#ffffff0a}.support-chip-active{color:#fff;border-color:#60a5fa6b;background:#3b82f629}.ticket-row,.contact-strip{border-radius:24px}.empty-state{padding:28px 20px;border-style:solid}.bottom-nav{left:50%;bottom:max(12px,env(safe-area-inset-bottom));width:min(calc(100% - 28px),404px);min-height:82px;padding:8px;border-radius:28px;border:1px solid rgba(255,255,255,.13);background:#0a0c10c2;backdrop-filter:blur(26px) saturate(1.14);-webkit-backdrop-filter:blur(26px) saturate(1.14);box-shadow:inset 0 1px #ffffff1a,0 24px 58px #00000075}.nav-button{min-height:64px;border-radius:22px;color:#ffffff75;font-size:11px;font-weight:720}.nav-button svg{width:21px;height:21px}.nav-button-active{color:#fff;background:radial-gradient(circle at 50% 0%,rgba(96,165,250,.28),transparent 55%),#3b82f626;box-shadow:inset 0 0 0 1px #60a5fa42,inset 0 1px #ffffff1a}.screen-head{margin-bottom:22px}.screen-head h1{font-size:28px;font-weight:820}.back-button{width:44px;height:44px;border-radius:18px;border-color:#ffffff1c;background:#ffffff0e}.toast{bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + 26px);border-radius:22px;border-color:#ffffff24;background:#0c0f14e0}@media (min-width: 761px){.mobile-page{padding:18px 12px}.mobile-shell{height:calc(100dvh - 36px);border:1px solid rgba(255,255,255,.08);border-radius:34px;overflow:hidden;background:#030405b3;box-shadow:0 30px 90px #00000073}}@media (max-width: 430px){.mobile-scroll{padding-left:18px;padding-right:18px}.hero,.card,.topup-card,.support-panel,.balance-hero{padding:20px}.vpn-status-card{padding:18px}.vpn-status-card h1{font-size:23px}.hero h1{font-size:30px}.section-head>div .section-title{font-size:28px}.actions{grid-template-columns:1fr}.support-category-grid,.metric-grid,.topup-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 370px){.mobile-scroll{padding-left:16px;padding-right:16px}.bottom-nav{width:min(calc(100% - 18px),404px);padding:6px}.nav-button{min-height:61px;font-size:10px}.button{padding:0 14px}}@media (prefers-reduced-motion: reduce){.mobile-scroll,.status-indicator:after{animation:none}.button,.row,.payment,.tariff,.topup-chip,.support-chip,.back-button,.nav-button{transition:none}}:root{--motion-ease: cubic-bezier(.22, 1, .36, 1);--glass-edge: linear-gradient( 180deg, rgba(255,255,255,.34) 0%, rgba(255,255,255,.13) 18%, rgba(255,255,255,.035) 45%, rgba(255,255,255,.075) 72%, rgba(255,255,255,.23) 100% )}body{background:radial-gradient(circle at 50% 78%,rgba(59,130,246,.08),transparent 36%),radial-gradient(circle at 18% 8%,rgba(59,130,246,.12),transparent 29%),radial-gradient(circle at 86% 0%,rgba(255,255,255,.045),transparent 22%),#030405}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 54% 86%,rgba(59,130,246,.07),transparent 38%),radial-gradient(circle at 50% -8%,rgba(96,165,250,.1),transparent 34%);z-index:-1}.mobile-page{background:radial-gradient(circle at 50% 78%,rgba(59,130,246,.08),transparent 36%),radial-gradient(circle at 18% 8%,rgba(59,130,246,.12),transparent 29%),radial-gradient(circle at 86% 0%,rgba(255,255,255,.045),transparent 22%),#030405}.smooth-enter{animation:smoothEnter .28s var(--motion-ease) both}@keyframes smoothEnter{0%{opacity:0;transform:translateY(12px) scale(.985);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes smoothItemEnter{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.smooth-press,.button,.row,.payment,.tariff,.topup-chip,.support-chip,.back-button,.nav-button{transition:transform .18s var(--motion-ease),background .22s var(--motion-ease),border-color .22s var(--motion-ease),box-shadow .22s var(--motion-ease),color .18s ease,opacity .18s ease,filter .22s var(--motion-ease)}.smooth-press:active,.button:active,button.row:active,.payment:active,.tariff:active,.topup-chip:active,.support-chip:active,.back-button:active,.nav-button:active{transform:scale(.978)}.smooth-glow,.glass-card,.glass-card-premium,.hero,.card,.row,.tariff,.payment,.faq,.device-card,.payment-history-card,.empty-state,.balance-hero,.topup-card,.gift-card,.balance-tx,.ticket-row,.contact-strip,.support-panel,.bottom-nav{transition:box-shadow .26s var(--motion-ease),border-color .26s var(--motion-ease),background .26s var(--motion-ease)}.glass-card,.glass-card-premium,.hero,.card,.row,.tariff,.payment,.faq,.device-card,.payment-history-card,.empty-state,.balance-hero,.topup-card,.gift-card,.balance-tx,.ticket-row,.contact-strip,.support-panel{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#ffffff1b,#ffffff0a);border:1px solid rgba(255,255,255,.105);box-shadow:inset 0 1px #ffffff24,inset 0 -1px #ffffff09,0 10px 30px #0000004d,0 0 0 1px #ffffff05;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}.glass-card:before,.glass-card-premium:before,.hero:before,.card:before,.row:before,.tariff:before,.payment:before,.faq:before,.device-card:before,.payment-history-card:before,.empty-state:before,.balance-hero:before,.topup-card:before,.gift-card:before,.balance-tx:before,.ticket-row:before,.contact-strip:before,.support-panel:before,.bottom-nav:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:var(--glass-edge);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:0}.glass-card:after,.glass-card-premium:after,.hero:after,.card:after,.row:after,.tariff:after,.payment:after,.faq:after,.device-card:after,.payment-history-card:after,.empty-state:after,.balance-hero:after,.topup-card:after,.gift-card:after,.balance-tx:after,.ticket-row:after,.contact-strip:after,.support-panel:after{content:"";position:absolute;left:8%;right:8%;top:0;height:42%;background:linear-gradient(180deg,rgba(255,255,255,.13) 0%,rgba(255,255,255,.028) 58%,transparent 100%);filter:blur(10px);pointer-events:none;z-index:0}.hero>*,.card>*,.row>*,.tariff>*,.payment>*,.faq>*,.device-card>*,.payment-history-card>*,.empty-state>*,.balance-hero>*,.topup-card>*,.gift-card>*,.balance-tx>*,.ticket-row>*,.contact-strip>*,.support-panel>*,.bottom-nav>*{position:relative;z-index:1}.glass-card-premium,.hero.glass-card-premium{background:radial-gradient(circle at 12% 0%,rgba(96,165,250,.24),transparent 40%),radial-gradient(circle at 82% 12%,rgba(255,255,255,.035),transparent 34%),linear-gradient(180deg,#ffffff20,#ffffff0c);border-color:#84b4ff47;box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #ffffff0a,0 0 0 1px #60a5fa0b,0 18px 54px #0000006b,0 0 42px #3b82f61c}.mobile-scroll{padding-top:24px;animation:smoothEnter .28s var(--motion-ease) both}.hero{gap:24px;padding:26px 24px 24px}.hero-head{gap:18px}.hero-title-stack{display:grid;gap:16px}.hero-title-stack h1{margin-top:0}.hero-copy{max-width:31ch;margin-top:-2px}.pill,.status-pill,.payment-status-pill{position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff21,0 8px 18px #0000002e;transition:color .2s ease,background .22s var(--motion-ease),border-color .22s var(--motion-ease),box-shadow .22s var(--motion-ease)}.pill-accent,.status-pill-ok{border-color:#60a5fa57;box-shadow:inset 0 1px #ffffff29,0 0 22px #3b82f614}.metric{position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffff13,#ffffff08);box-shadow:inset 0 1px #ffffff1a,0 8px 22px #0003}.metric strong,.balance-hero strong,.payment-mini strong,.balance-tx-amount,.device-card-head strong{line-height:1;font-feature-settings:"tnum" 1}.price-inline{display:inline-flex;align-items:baseline;gap:.22em;white-space:nowrap;line-height:1;vertical-align:baseline;font-variant-numeric:tabular-nums}.price-inline-compact{vertical-align:-.01em}.price-prefix,.price-value,.price-currency{display:inline-block;line-height:1}.price-currency{font-size:.84em;font-weight:760;transform:translateY(-.01em);opacity:.92}.tariff-price .price-inline{font-size:21px;letter-spacing:-.02em}.button .price-inline{align-items:center}.button{position:relative;overflow:hidden;min-height:55px;transform:translateZ(0)}.button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 48%);opacity:.78}.button>*{position:relative;z-index:1}.button-primary{border:1px solid rgba(132,180,255,.38);background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.22),transparent 46%),linear-gradient(180deg,#66adff,#3b82f6);box-shadow:inset 0 1px #ffffff3d,inset 0 -1px #00000029,0 14px 34px #3b82f640,0 0 0 1px #ffffff06}.button-primary:hover{box-shadow:inset 0 1px #ffffff45,inset 0 -1px #00000029,0 18px 38px #3b82f64d,0 0 0 1px #ffffff09}.button-secondary,.button-outline,.back-button{background:linear-gradient(180deg,#ffffff16,#ffffff09);box-shadow:inset 0 1px #ffffff1f,0 10px 26px #0000003b}.copy-button{min-width:0}.copy-button-label{display:inline-block;min-width:96px;text-align:center;transition:opacity .18s ease,transform .18s var(--motion-ease)}.stack>*,.tariff-list>*,.payment-history-list>*,.balance-history>*,.step-list>*,.gift-history>*{animation:smoothItemEnter .26s var(--motion-ease) both}.stack>*:nth-child(2),.tariff-list>*:nth-child(2),.payment-history-list>*:nth-child(2),.balance-history>*:nth-child(2),.step-list>*:nth-child(2),.gift-history>*:nth-child(2){animation-delay:34ms}.stack>*:nth-child(3),.tariff-list>*:nth-child(3),.payment-history-list>*:nth-child(3),.balance-history>*:nth-child(3),.step-list>*:nth-child(3),.gift-history>*:nth-child(3){animation-delay:68ms}.stack>*:nth-child(4),.tariff-list>*:nth-child(4),.payment-history-list>*:nth-child(4),.balance-history>*:nth-child(4),.step-list>*:nth-child(4),.gift-history>*:nth-child(4){animation-delay:102ms}button.row:hover .row-content+svg,button.row:active .row-content+svg{color:var(--blue-light);transform:translate(2px)}.tariff-selected,.payment.tariff-selected,.topup-chip-active,.support-chip-active{border-color:#7db4ff7a;background:radial-gradient(circle at 20% 0%,rgba(96,165,250,.18),transparent 44%),linear-gradient(180deg,#3b82f629,#3b82f612);box-shadow:inset 0 1px #ffffff29,inset 0 -1px #ffffff09,0 0 0 1px #60a5fa0e,0 18px 40px #0000004d,0 0 34px #3b82f61b}.tariff-selected:before,.payment.tariff-selected:before{background:linear-gradient(180deg,#93c5fd85,#60a5fa1a 42%,#ffffff29)}.bottom-nav{--nav-index: 0;position:fixed;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.1),transparent 55%),linear-gradient(180deg,#ffffff1b,#ffffff0b),#090b0fb3;border-color:#ffffff26;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #ffffff09,0 22px 58px #0000007a,0 0 42px #3b82f60b}.bottom-nav-home{--nav-index: 0}.bottom-nav-setup{--nav-index: 1}.bottom-nav-profile{--nav-index: 2}.bottom-nav-support{--nav-index: 3}.nav-liquid-indicator{position:absolute;top:8px;bottom:8px;left:8px;z-index:0;width:calc((100% - 16px)/4);border-radius:22px;transform:translate3d(calc(var(--nav-index) * 100%),0,0);background:radial-gradient(circle at 50% 0%,rgba(147,197,253,.34),transparent 56%),linear-gradient(180deg,#3b82f638,#3b82f61a);border:1px solid rgba(125,180,255,.28);box-shadow:inset 0 1px #ffffff29,0 0 30px #3b82f624;pointer-events:none;transition:transform .28s var(--motion-ease),box-shadow .24s var(--motion-ease),opacity .18s ease}.nav-liquid-indicator:before{content:"";position:absolute;left:18%;right:18%;top:-7px;height:14px;border-radius:999px;background:#60a5fa5c;filter:blur(10px)}.nav-button{position:relative;z-index:1;background:transparent;box-shadow:none;transform:translateZ(0)}.nav-button-active{color:#fff;background:transparent;box-shadow:none}.nav-button svg,.nav-button span{transition:transform .22s var(--motion-ease),color .18s ease,opacity .18s ease,filter .22s var(--motion-ease)}.nav-button-active svg{transform:translateY(-1px);filter:drop-shadow(0 0 10px rgba(96,165,250,.24))}.nav-button-active span{opacity:1}.profile-dashboard .row{position:relative;overflow:visible;min-height:62px;padding:14px 0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.profile-dashboard .row:before,.profile-dashboard .row:after{content:none}@media (max-width: 430px){.hero{padding:24px 20px 21px}.hero-title-stack{gap:15px}.copy-button-label{min-width:88px}}@media (max-width: 370px){.nav-liquid-indicator{top:6px;bottom:6px;left:6px;width:calc((100% - 12px)/4);border-radius:20px}.price-inline{gap:.18em}}@media (prefers-reduced-motion: reduce){.smooth-enter,.stack>*,.tariff-list>*,.payment-history-list>*,.balance-history>*,.step-list>*,.gift-history>*{animation:none}.nav-liquid-indicator,.nav-button svg,.nav-button span,.button,.row,.payment,.tariff,.topup-chip,.support-chip,.back-button,.nav-button{transition:none}}