:root{--brand-pasta-cream:#fff8e8;--brand-broth-amber:#f0a735;--brand-wood-brown:#8b5a2b;--brand-steam-cyan:#9eeafa;--brand-network-blue:#5b8cff;--brand-leaf-emerald:#22d3a6;--brand-egg-gold:#f6c25b;--brand-nori-slate:#f7fbff;--color-page:#050912;--color-page-strong:#090f1d;--color-page-glow:#111c33;--color-surface:#10192bd1;--color-surface-solid:#10192b;--color-surface-subtle:#152035d1;--color-surface-blue:#1e417861;--color-surface-cyan:#10597061;--color-surface-green:#115c4b61;--color-surface-violet:#46388266;--color-surface-amber:#84541259;--color-surface-rose:#7f233e5c;--color-ink:var(--brand-nori-slate);--color-text:#d8e5f7;--color-muted:#8ea2bf;--color-muted-strong:#b4c4da;--color-line:#93b2d92e;--color-line-strong:#a6c5e84d;--color-primary:var(--brand-network-blue);--color-primary-hover:#7aa3ff;--color-primary-soft:#5b8cff2e;--color-cyan:#35d1f3;--color-success:var(--brand-leaf-emerald);--color-warning:#f5b84f;--color-danger:#ff5f8f;--color-admin:#a997ff;--color-pl:var(--brand-network-blue);--color-nl:var(--brand-leaf-emerald);--color-ru:#f0a735;--gradient-page:linear-gradient(142deg, #050912fa 0%, #081224fa 36%, #0a1d2cf5 70%, #110d1efa 100%), linear-gradient(72deg, #5b8cff29, #35d1f31a 44%, #f0a73517 100%);--gradient-aurora:linear-gradient(115deg, #5b8cfff0, #35d1f3c2 46%, #f0a735b8), linear-gradient(180deg, #ffffff29, #fff0);--gradient-panel:linear-gradient(180deg, #121c2feb, #0a101dc2);--gradient-subtle:linear-gradient(135deg, #5b8cff1f, #35d1f314, #f0a73514);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-1:6px;--radius-2:10px;--radius-3:14px;--radius-4:20px;--radius-5:28px;--shadow-soft:0 18px 52px #00000047;--shadow-panel:0 28px 78px #00000070;--shadow-glow:0 18px 58px #5b8cff38;--shadow-inner:inset 0 1px 0 #ffffff14;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Cascadia Code", "SFMono-Regular", Consolas, monospace;--layout-sidebar:292px;--layout-content:1220px;--breakpoint-mobile:1024px;--motion-fast:.14s;--motion-base:.22s;--motion-slow:.36s;--ease-out:cubic-bezier(.2, .8, .2, 1);font-family:var(--font-sans);color:var(--color-text);background:var(--color-page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{--brand-network-blue:#1558d6;--brand-leaf-emerald:#079375;--brand-nori-slate:#081a33;--color-page:#f3f7f4;--color-page-strong:#e6f0ee;--color-page-glow:#fffdf7;--color-surface:#ffffffd6;--color-surface-solid:#fff;--color-surface-subtle:#f8fcffdb;--color-surface-blue:#eaf4ff;--color-surface-cyan:#e6fbff;--color-surface-green:#ecfdf5;--color-surface-violet:#f3f0ff;--color-surface-amber:#fff8e7;--color-surface-rose:#fff1f4;--color-ink:var(--brand-nori-slate);--color-text:#21334d;--color-muted:#667892;--color-muted-strong:#465b78;--color-line:#7794b53d;--color-line-strong:#49678b57;--color-primary-hover:#0f49ba;--color-primary-soft:#dceaff;--color-cyan:#0891b2;--color-warning:#c47a07;--color-danger:#d6265a;--color-admin:#6d5dfc;--color-ru:#b36b00;--gradient-page:linear-gradient(138deg, #fff8e8db 0%, #eef9ffe0 30%, #f2f6ffe6 62%, #e8fbf7bd 100%), linear-gradient(72deg, #1558d61a, #9eeafa1a 44%, #f0a73512 100%);--gradient-aurora:linear-gradient(115deg, #1558d6f0, #0891b2bd 46%, #f0a73594), linear-gradient(180deg, #ffffff38, #fff0);--gradient-panel:linear-gradient(180deg, #fffffff0, #fffdf7b8);--gradient-subtle:linear-gradient(135deg, #fff8e8c7, #eaf4ffc2, #f6fbffc7);--shadow-soft:0 16px 44px #081a3314;--shadow-panel:0 24px 70px #081a3321;--shadow-glow:0 18px 58px #1558d629;--shadow-inner:inset 0 1px 0 #ffffffbd}*{box-sizing:border-box}html{background:var(--color-page);min-width:320px}body{min-width:320px;min-height:100vh;color:var(--color-text);background:linear-gradient(90deg, #5b8cff0b 1px, transparent 1px), linear-gradient(180deg, #35d1f309 1px, transparent 1px), radial-gradient(circle at 6% 8%, #f0a7351f, transparent 22%), var(--gradient-page);background-size:56px 56px,56px 56px,auto,auto;margin:0;overflow-x:hidden}body:before{z-index:-1;pointer-events:none;content:"";opacity:.9;background:linear-gradient(112deg,#5b8cff24,#0000 28%,#35d1f31f 50%,#0000 74%,#f0a7351a),linear-gradient(24deg,#0000 0%,#ffffff0b 38%,#0000 68%);position:fixed;inset:0}:root[data-theme=light] body{background:linear-gradient(90deg, #1558d609 1px, transparent 1px), linear-gradient(180deg, #1558d608 1px, transparent 1px), radial-gradient(circle at 6% 8%, #f0a7351a, transparent 22%), var(--gradient-page);background-size:56px 56px,56px 56px,auto,auto}:root[data-theme=light] body:before{opacity:.95;background:linear-gradient(112deg,#1558d614,#0000 28%,#9eeafa24 50%,#0000 74%,#f0a73517),linear-gradient(24deg,#0000 0%,#ffffffad 38%,#0000 68%)}button,input,textarea,select{font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-offset:3px;outline:3px solid #1558d63d}p{margin:0}a{color:inherit;text-decoration:none}#root{min-height:100vh}::selection{color:#fff;background:var(--color-primary)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{grid-template-columns:var(--layout-sidebar) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{height:100vh;padding:var(--space-6);border-right:1px solid var(--color-line);gap:var(--space-6);-webkit-backdrop-filter:blur(24px)saturate(145%);backdrop-filter:blur(24px)saturate(145%);box-shadow:var(--shadow-inner);background:#f8fcffb8;flex-direction:column;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space-3);min-width:0;color:inherit;text-align:left;background:0 0;border:0;padding:0;display:flex}.brand-action{cursor:pointer}.brand-action:hover strong{color:var(--brand-steam-cyan)}.theme-toggle{border:1px solid var(--color-line);border-radius:var(--radius-3);min-height:40px;padding:0 var(--space-3);justify-content:center;align-items:center;gap:var(--space-2);color:var(--color-muted-strong);background:var(--color-surface);box-shadow:var(--shadow-inner);cursor:pointer;font-weight:820;display:inline-flex}.theme-toggle.compact{width:42px;min-height:42px;padding:0}.theme-toggle:hover{color:var(--color-ink);border-color:#5b8cff57}.brand-avatar,.metric-icon{border-radius:var(--radius-3);color:#fff;background:var(--gradient-aurora);width:58px;height:58px;box-shadow:var(--shadow-glow);border:1px solid #ffffffa3;place-items:center;display:grid}.brand-avatar{background:0 0;flex:none;padding:0;overflow:hidden}.brand-avatar img{border-radius:calc(var(--radius-3) - 4px);object-fit:contain;width:100%;height:100%;display:block}.brand-avatar.compact{border-radius:var(--radius-2);width:48px;height:48px}.brand-avatar.compact img{border-radius:calc(var(--radius-2) - 4px)}.brand-orb{width:46px;height:46px;color:var(--brand-wood-brown);box-shadow:var(--shadow-soft), var(--shadow-inner);background:linear-gradient(135deg,#fff8e8f5,#e6fbffc7);border:1px solid #f0a7354d;border-radius:999px;place-items:center;display:grid}.brand-orb.small{width:36px;height:36px}.brand strong,.brand span{display:block}.brand strong{color:var(--color-ink);font-size:18px;font-weight:900;line-height:1.1}.brand span,.eyebrow,.field>span,.metric-card>span,.command-group>span,.nav-group>span{color:var(--color-muted);letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:850}.sidebar nav,.nav-group,.drawer-nav,.screen-stack,.form-grid,.timeline,.plan-admin-list,.queue-grid{gap:var(--space-3);display:grid}.nav-group{gap:var(--space-2)}.nav-group button,.drawer-nav button{border-radius:var(--radius-3);min-height:44px;padding:0 var(--space-3) 0 var(--space-4);align-items:center;gap:var(--space-3);color:var(--color-muted-strong);cursor:pointer;transition:color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out);background:0 0;border:1px solid #0000;display:flex;position:relative}.nav-group button:hover,.drawer-nav button:hover{color:var(--color-ink);border-color:var(--color-line);background:#ffffffb3}.nav-group button.active,.drawer-nav button.active{color:var(--color-ink);box-shadow:var(--shadow-inner);background:linear-gradient(135deg,#1558d61f,#0891b214);border-color:#1558d62e}.nav-group button.active:before,.drawer-nav button.active:before{content:"";background:var(--color-primary);border-radius:999px;width:3px;height:20px;position:absolute;left:5px;box-shadow:0 0 18px #1558d66b}.nav-group button span,.drawer-nav button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dev-panel{border:1px solid var(--color-line);border-radius:var(--radius-3);padding:var(--space-4);gap:var(--space-3);box-shadow:var(--shadow-soft), var(--shadow-inner);background:#ffffffb3;margin-top:auto;display:grid}.role-toggle,.tabs{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-line);border-radius:var(--radius-3);box-shadow:var(--shadow-inner);background:#ffffffb8;flex-wrap:wrap;display:inline-flex}.role-toggle button,.tabs button{border-radius:var(--radius-2);min-height:34px;padding:0 var(--space-3);justify-content:center;align-items:center;gap:var(--space-2);color:var(--color-muted-strong);cursor:pointer;white-space:nowrap;transition:background var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out);background:0 0;border:0;display:inline-flex}.role-toggle button.active,.tabs button.active{color:#fff;background:var(--color-ink);box-shadow:0 10px 24px #081a332e}.main-area{min-width:0;width:min(100%, var(--layout-content));padding:var(--space-8);justify-self:center;padding-bottom:108px}.mobile-header,.bottom-nav{display:none}.topbar{min-height:76px;margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.topbar h1,.hero-status h1,.page-hero h1,.command-center h1{margin:var(--space-1) 0 0;color:var(--color-ink);font-size:32px;font-weight:920;line-height:1.08}.topbar-actions,.button-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.mobile-header-actions,.welcome-actions{align-items:center;gap:var(--space-2);display:flex}.button-row.compact{gap:var(--space-1)}.command-button{border:1px solid var(--color-line);border-radius:var(--radius-3);min-height:42px;padding:0 var(--space-3);align-items:center;gap:var(--space-2);color:var(--color-muted-strong);box-shadow:var(--shadow-inner);cursor:pointer;background:#ffffffc7;display:inline-flex}.role-switch-button{border-radius:var(--radius-3);min-height:42px;padding:0 var(--space-3);align-items:center;gap:var(--space-2);color:var(--color-ink);box-shadow:var(--shadow-inner);cursor:pointer;background:linear-gradient(135deg,#21d3b929,#5293ff1f);border:1px solid #41dcbe5c;font-weight:850;display:inline-flex}.role-switch-button:hover{border-color:#5fe1cd9e;transform:translateY(-1px)}kbd{border:1px solid var(--color-line);border-radius:var(--radius-1);color:var(--color-muted);background:var(--color-surface-subtle);font-family:var(--font-mono);padding:1px 6px;font-size:11px}.ui-card{border:1px solid var(--color-line);border-radius:var(--radius-3);min-width:0;padding:var(--space-6);background:var(--gradient-panel);box-shadow:var(--shadow-soft), var(--shadow-inner)}.ui-card.elevated,.ui-card.selected{box-shadow:var(--shadow-panel), var(--shadow-inner)}.ui-card.warning{background:linear-gradient(135deg,#fff8e7f5,#ffffffd1);border-color:#c47a0747}.ui-card.danger{background:linear-gradient(135deg,#fff1f4f5,#ffffffd1);border-color:#d6265a47}.ui-card.empty{background:var(--gradient-subtle)}.ui-card.is-interactive{cursor:pointer}.section-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.section-header h2{margin:var(--space-1) 0 0;align-items:center;gap:var(--space-2);color:var(--color-ink);font-size:20px;font-weight:900;line-height:1.15;display:flex}.section-header p,.ui-card p,.page-hero p,.hero-status p{color:var(--color-muted-strong);line-height:1.58}.section-action{min-width:fit-content}.stat-grid{gap:var(--space-3);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.compact-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{border:1px solid var(--color-line);border-radius:var(--radius-3);min-width:0;min-height:138px;padding:var(--space-4);align-content:start;gap:var(--space-2);box-shadow:var(--shadow-soft), var(--shadow-inner);background:#ffffffb8;display:grid}.metric-card .metric-icon{color:var(--color-primary);background:var(--color-primary-soft);box-shadow:none}.metric-card strong{min-width:0;color:var(--color-ink);overflow-wrap:anywhere;font-size:24px;line-height:1.05}.metric-card small{color:var(--color-muted);line-height:1.35}.metric-card.success .metric-icon{color:var(--color-success);background:var(--color-surface-green)}.metric-card.warning .metric-icon{color:var(--color-warning);background:var(--color-surface-amber)}.metric-card.danger .metric-icon{color:var(--color-danger);background:var(--color-surface-rose)}.ui-button,a.ui-button{border-radius:var(--radius-3);min-height:42px;padding:0 var(--space-4);justify-content:center;align-items:center;gap:var(--space-2);color:var(--color-ink);cursor:pointer;box-shadow:var(--shadow-inner);transition:transform var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out);background:#ffffffd1;border:1px solid #0000;font-weight:820;display:inline-flex}.ui-button:hover,a.ui-button:hover{box-shadow:var(--shadow-soft), var(--shadow-inner);transform:translateY(-1px)}.ui-button.compact{min-height:36px;padding:0 var(--space-3);font-size:13px}.ui-button.icon-only{width:42px;padding:0}.ui-button.primary,a.ui-button.primary{color:#fff;background:linear-gradient(135deg, var(--color-primary), var(--color-cyan));box-shadow:var(--shadow-glow)}.ui-button.primary:hover{background:linear-gradient(135deg, var(--color-primary-hover), var(--color-cyan))}.ui-button.secondary,a.ui-button.secondary{border-color:var(--color-line)}.ui-button.ghost{background:0 0}.ui-button.success{color:#fff;background:var(--color-success)}.ui-button.danger{color:#fff;background:var(--color-danger)}.ui-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ui-badge{width:fit-content;min-height:28px;padding:0 var(--space-2);color:var(--color-muted-strong);box-shadow:var(--shadow-inner);background:#ffffffc2;border:1px solid #ffffff9e;border-radius:999px;align-items:center;gap:6px;font-size:12px;font-weight:850;display:inline-flex}.ui-badge.online,.ui-badge.approved,.ui-badge.unlimited{color:var(--color-success);background:var(--color-surface-green)}.ui-badge.warning,.ui-badge.pending{color:var(--color-warning);background:var(--color-surface-amber)}.ui-badge.offline,.ui-badge.rejected{color:var(--color-danger);background:var(--color-surface-rose)}.ui-badge.admin,.ui-badge.demo{color:var(--color-admin);background:var(--color-surface-violet)}input,textarea,select{border:1px solid var(--color-line);border-radius:var(--radius-3);width:100%;min-height:42px;color:var(--color-ink);box-shadow:var(--shadow-inner);background:#ffffffdb;outline:none;padding:10px 12px}textarea{resize:vertical}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 4px #1558d621, var(--shadow-inner);border-color:#1558d67a}.field{gap:7px;display:grid}.field small{color:var(--color-muted)}.field.has-error input,.field.has-error select,.field.has-error textarea{border-color:var(--color-danger)}.grid-2,.checkout-columns,.support-layout,.guide-layout{gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);align-items:start;display:grid}.checkout-screen{align-items:start}.hero-status,.page-hero,.command-center,.subscription-health,.referral-hero{justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.hero-status,.page-hero{overflow:hidden}.hero-status{background:radial-gradient(circle at 88% 12%,#f0a73524,#0000 26%),linear-gradient(118deg,#ffffffeb,#ecf8ffb8 58%,#fff8e8ad),linear-gradient(90deg,#1558d61f,#0891b214,#f0a73514);display:block}.hero-status-copy{gap:var(--space-4);min-width:0;max-width:700px;display:grid}.hero-status-copy h1,.page-hero h1{font-size:34px}.hero-status-metrics{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.hero-status-metrics div{border:1px solid var(--color-line);border-radius:var(--radius-3);padding:var(--space-3);background:#ffffffad}.hero-status-metrics span{color:var(--color-muted);font-size:12px;font-weight:800;display:block}.hero-status-metrics strong{color:var(--color-ink);margin-top:4px;font-size:23px;display:block}.page-hero>div:first-child{max-width:680px}.trust-badges{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.command-center p{max-width:760px;margin:var(--space-3) 0 var(--space-4);font-size:16px}.network-card{aspect-ratio:1.2;border:1px solid var(--color-line);border-radius:var(--radius-3);min-width:318px;box-shadow:var(--shadow-inner);background:linear-gradient(90deg,#1558d617 1px,#0000 1px) 0 0/28px 28px,linear-gradient(0deg,#1558d614 1px,#0000 1px) 0 0/28px 28px,linear-gradient(135deg,#ffffffdb,#e6fbffc2);place-items:center;display:grid;position:relative;overflow:hidden}.network-card:before,.network-card:after{content:"";border:1px dashed #1558d63d;border-radius:50%;position:absolute}.network-card:before{inset:18%;transform:rotate(16deg)}.network-card:after{border-color:#0891b240;inset:28% 16%;transform:rotate(-14deg)}.brand-network-card{isolation:isolate}.network-steam{z-index:1;pointer-events:none;position:absolute;inset:0}.network-steam i{filter:blur(.2px);transform-origin:bottom;width:88px;height:122px;animation:steamDrift 6s var(--ease-out) infinite;border:2px solid #0000;border-color:#9eeafa73 #0000 #0000 #9eeafa73;border-radius:50%;position:absolute;bottom:34%;left:50%}.network-steam i:first-child{transform:translate(-58px)rotate(-18deg)}.network-steam i:nth-child(2){height:138px;animation-delay:.7s;transform:translate(-18px)rotate(8deg)}.network-steam i:nth-child(3){animation-delay:1.4s;transform:translate(24px)rotate(22deg)}.route-line{z-index:1;background:linear-gradient(90deg,#0000,#1558d66b,#0000);border-radius:999px;width:66%;height:2px;position:absolute;top:51%;left:18%;transform:rotate(-4deg)}.route-line.warm{background:linear-gradient(90deg,#0000,#f0a7356b,#0000);top:58%;transform:rotate(19deg)}.route-line.emerald{background:linear-gradient(90deg,#0000,#0793755c,#0000);top:44%;transform:rotate(-28deg)}.bowl-emblem{z-index:3;border:1px solid var(--color-line);border-radius:var(--radius-4);width:96px;min-height:112px;padding:var(--space-2);place-items:center;gap:var(--space-1);color:var(--color-ink);box-shadow:var(--shadow-panel), var(--shadow-inner);background:#ffffffc2;display:grid;position:relative}.bowl-emblem .brand-avatar{width:62px;height:62px;box-shadow:none}.bowl-emblem strong{letter-spacing:0;font-size:13px}.location-node{z-index:3;border-radius:var(--radius-3);color:#fff;width:82px;min-height:72px;box-shadow:var(--shadow-panel);border:1px solid #ffffffad;align-content:center;place-items:center;gap:2px;font-weight:900;display:grid;position:absolute}.location-node b,.location-node small{z-index:1;position:relative}.location-node small{opacity:.88;font-size:10px}.location-node.pl{background:linear-gradient(135deg, var(--color-pl), #2b7fff);top:14%;left:8%}.location-node.nl{background:linear-gradient(135deg, var(--color-nl), #1fb894);top:17%;right:8%}.location-node.ru{background:linear-gradient(135deg, #b36b00, var(--brand-broth-amber));bottom:10%;left:38%}.location-node.recommended{box-shadow:0 0 0 5px #f0a73529, var(--shadow-panel)}.location-node.recommended:after{content:"";background:var(--brand-egg-gold);border-radius:999px;width:16px;height:16px;position:absolute;top:-6px;right:-6px;box-shadow:0 0 18px #f0a73580}@keyframes steamDrift{0%,to{opacity:.42;translate:0}50%{opacity:.8;translate:0 -8px}}.onboarding-grid,.quick-grid,.plan-grid,.key-grid,.ru-grid,.server-grid,.document-grid,.ops-grid{gap:var(--space-3);display:grid}.onboarding-grid{margin-bottom:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr))}.step-card,.quick-grid button,.plan-card,.key-card,.ru-card,.server-card,.document-card,.responsive-rows article,.mobile-card-list article,.queue-row,.plan-admin-list article,.ops-control{border:1px solid var(--color-line);border-radius:var(--radius-3);min-width:0;padding:var(--space-4);box-shadow:var(--shadow-inner);background:#ffffffbd}.step-card span{border-radius:var(--radius-2);color:#fff;background:var(--color-primary);place-items:center;width:34px;height:34px;font-weight:950;display:grid}.quick-grid{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}.quick-grid button{align-content:center;place-items:center;gap:var(--space-2);min-height:96px;color:var(--color-ink);cursor:pointer;transition:transform var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out);font-weight:850;display:grid}.quick-grid button:hover,.plan-card:hover,.key-card:hover,.ru-card:hover{box-shadow:var(--shadow-soft), var(--shadow-inner);border-color:#1558d642;transform:translateY(-2px)}.attention-list,.feature-list,.meta-grid{gap:var(--space-2);display:grid}.attention-list span,.feature-list span,.meta-grid span{border:1px solid var(--color-line);border-radius:var(--radius-3);padding:var(--space-3);color:var(--color-muted-strong);background:#ffffffa8}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.plan-card{align-content:stretch;gap:var(--space-3);min-height:276px;padding:var(--space-4);text-align:left;color:var(--color-muted-strong);cursor:pointer;transition:transform var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out);grid-template-rows:40px 34px minmax(44px,auto) 34px minmax(38px,1fr) 18px;display:grid;position:relative;overflow:hidden}.plan-card>:not(.plan-glow){z-index:1;position:relative}.plan-glow{pointer-events:none;opacity:.95;position:absolute;inset:0}.plan-card.time.tone-1 .plan-glow{background:radial-gradient(circle at 88% 16%,#35d1f33d,#0000 28%),linear-gradient(135deg,#5b8cff2e,#0000 58%)}.plan-card.time.tone-2 .plan-glow{background:radial-gradient(circle at 84% 14%,#f0a7353d,#0000 28%),linear-gradient(135deg,#22d3a629,#0000 58%)}.plan-card.traffic.tone-1 .plan-glow{background:radial-gradient(circle at 85% 12%,#a997ff3d,#0000 30%),linear-gradient(135deg,#35d1f324,#0000 58%)}.plan-card.traffic.tone-2 .plan-glow{background:radial-gradient(circle at 86% 16%,#ff5f8f2e,#0000 30%),linear-gradient(135deg,#f0a73524,#0000 58%)}.plan-card.selected{background:linear-gradient(145deg, #5b8cff33, var(--color-surface));box-shadow:0 0 0 4px #5b8cff24, var(--shadow-glow);border-color:#5b8cff94}.plan-card .plan-name,.plan-card b,.payment-summary strong,.payment-summary b{color:var(--color-ink);font-size:23px}.plan-topline{align-items:center;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;min-width:0;display:grid}.plan-badges{align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0;min-height:32px;display:flex}.plan-topline .ui-badge{text-align:center;justify-content:center;max-width:100%;min-height:30px;padding:0 10px;line-height:1.08}.plan-topline b{color:var(--color-primary);white-space:nowrap;place-self:center end;font-size:22px;line-height:1}.plan-name{align-self:center;line-height:1.08;display:block}.plan-card small{align-self:center;max-width:100%;line-height:1.28;display:block}.plan-location-row{align-self:start;gap:var(--space-1);flex-wrap:wrap;display:flex}.plan-location-row i{border:1px solid var(--color-line);min-width:34px;min-height:28px;color:var(--color-muted-strong);background:#ffffff0f;border-radius:999px;justify-content:center;align-items:center;padding:4px 9px;font-size:12px;font-style:normal;font-weight:900;display:inline-flex}.plan-note{color:var(--color-muted);align-self:end;font-size:13px;line-height:1.35}.plan-card em{color:var(--color-success);align-self:end;font-size:12px;font-style:normal;font-weight:850}.key-card-head,.server-card,.plan-admin-list article,.responsive-rows article{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.location-picker,.payment-methods,.filter-bar{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.payment-actions{margin-top:var(--space-3);gap:var(--space-2);display:grid}.payment-methods{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-bar{grid-template-columns:repeat(6,minmax(124px,1fr))}.location-picker button,.payment-methods button,.quick-replies button{border:1px solid var(--color-line);border-radius:var(--radius-3);min-height:42px;padding:0 var(--space-3);color:var(--color-muted-strong);cursor:pointer;box-shadow:var(--shadow-inner);background:#ffffffc2}.payment-create-button{justify-self:stretch;width:100%}.location-picker button.active,.payment-methods button.active{color:#fff;background:var(--color-ink)}.compact-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.price-preview,.payment-summary{border:1px solid var(--color-line);border-radius:var(--radius-3);padding:var(--space-3);gap:var(--space-2);box-shadow:var(--shadow-inner);background:#ffffffad;display:grid}.price-preview{justify-content:space-between;gap:var(--space-3);background:linear-gradient(135deg, var(--color-surface-green), #fffc);display:flex}.payment-summary div{justify-content:space-between;gap:var(--space-4);display:flex}.payment-summary .total{border-top:1px solid var(--color-line);padding-top:var(--space-2)}.active-payment{gap:var(--space-3);display:grid}.active-payment h3,.subscription-health h3,.ru-card h3,.referral-hero h3{margin:var(--space-2) 0;color:var(--color-ink);font-size:22px}.ops-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-control{gap:var(--space-3);display:grid}.danger-zone{background:linear-gradient(135deg,#fff1f4db,#ffffffc2);border-color:#d6265a3d}.desktop-table{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{padding:var(--space-3);border-bottom:1px solid var(--color-line);text-align:left;vertical-align:middle}th{color:var(--color-muted);text-transform:uppercase;font-size:12px}td small,td strong{display:block}.mobile-card-list{gap:var(--space-3);display:none}.payment-history-card{gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}.payment-history-copy,.payment-history-side{min-width:0}.payment-history-copy{gap:4px;display:grid}.payment-history-copy strong,.payment-history-copy span{overflow-wrap:anywhere}.payment-history-side{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.payment-history-side b{color:var(--color-ink);white-space:nowrap;font-size:16px}.payment-history-side .ui-badge{flex:none}.key-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.key-card,.ru-card{gap:var(--space-3);transition:transform var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out);display:grid}.key-card.offline,.ru-card.disabled,.ru-card.offline{background:var(--color-surface-rose);border-color:#d6265a47}.key-card.warning,.ru-card.needsCheck,.ru-card.warning{background:var(--color-surface-amber);border-color:#c47a074d}.key-card code,.qr-modal code{border-radius:var(--radius-3);max-width:100%;padding:var(--space-3);color:var(--color-ink);background:var(--color-surface-blue);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.qr-tile{cursor:pointer;background:0 0;border:0;width:fit-content;padding:0}.real-qr{border:1px solid var(--color-line);border-radius:var(--radius-3);width:136px;height:136px;padding:var(--space-2);box-shadow:var(--shadow-soft);background:#fff;place-items:center;display:grid}.real-qr img{object-fit:contain;width:100%;height:100%}.key-metrics{gap:var(--space-2);color:var(--color-muted);flex-wrap:wrap;font-size:12px;display:flex}.key-metrics span{border:1px solid var(--color-line);background:#ffffffb8;border-radius:999px;padding:4px 9px}.server-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.health-nodes{grid-template-columns:repeat(2,minmax(0,1fr))}.best-route{margin-bottom:var(--space-3);border-radius:var(--radius-3);padding:var(--space-3);align-items:center;gap:var(--space-3);box-shadow:var(--shadow-inner);background:linear-gradient(135deg,#fff8e8d6,#e6fbffad);border:1px solid #f0a73542;display:flex}.best-route strong{color:var(--color-ink);display:block}.server-card{flex-direction:column;align-items:flex-start}.server-card b{color:var(--color-ink);font-size:24px}.ru-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-list{gap:var(--space-2);display:grid}.compact-list .ru-card{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.guide-layout{grid-template-columns:minmax(0,1fr)}.guide-app-panel{gap:var(--space-3);display:grid}.guide-app-panel>h3{margin:0;font-size:22px}.stepper{margin:var(--space-4) 0 0;gap:var(--space-4);padding:0;list-style:none;display:grid}.stepper li{gap:var(--space-4);grid-template-columns:42px minmax(0,1fr);align-items:start;display:grid}.guide-step-card{min-width:0;padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-4);box-shadow:var(--shadow-inner);background:#0c1b326b}.guide-step-body{gap:var(--space-2);min-width:0;display:grid}.guide-step-body>strong{font-size:18px;line-height:1.25}.stepper li>span{border-radius:var(--radius-2);color:#fff;background:var(--color-primary);place-items:center;width:42px;height:42px;font-weight:950;display:grid}.stepper p{white-space:pre-line;margin:0}.guide-shot-grid{margin-top:var(--space-2);gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));display:grid}.guide-media{display:none}.guide-shot-button{border:1px solid var(--color-line);border-radius:var(--radius-3);padding:var(--space-2);cursor:zoom-in;box-shadow:var(--shadow-inner);transition:transform var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out);background:#ffffffc7;overflow:hidden}.guide-shot-button:hover{box-shadow:var(--shadow-soft), var(--shadow-inner);border-color:#1558d66b;transform:translateY(-2px)}.guide-shot-button img{border-radius:calc(var(--radius-3) - 6px);object-fit:contain;background:#fff;width:100%;height:clamp(190px,24vw,300px);display:block}.guide-media .guide-shot-button img{height:320px}.document-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.document-card{gap:var(--space-2);min-height:150px;color:var(--color-muted-strong);text-align:left;cursor:pointer;display:grid}.document-card strong{color:var(--color-ink)}.document-card.disabled{opacity:.72;cursor:default}.image-lightbox{z-index:90;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050a16d1;grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;inset:0}.image-lightbox-backdrop{background:0 0;border:0;position:absolute;inset:0}.image-lightbox-toolbar{z-index:2;min-height:64px;padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);color:#fff;background:#060c1cd1;border-bottom:1px solid #ffffff29;display:flex;position:relative}.image-lightbox-toolbar strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.image-lightbox-toolbar div{align-items:center;gap:var(--space-2);display:flex}.image-lightbox-toolbar button{border-radius:var(--radius-2);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff2e;place-items:center;width:40px;height:40px;display:grid}.image-lightbox-toolbar span{text-align:center;min-width:54px;font-weight:900}.image-lightbox-stage{z-index:1;min-width:0;min-height:0;padding:var(--space-5);place-items:center;display:grid;position:relative;overflow:auto}.image-lightbox-stage img{object-fit:contain;border-radius:var(--radius-3);transform-origin:50%;max-width:min(92vw,1280px);max-height:82vh;transition:transform var(--motion-fast) var(--ease-out);background:#fff;box-shadow:0 24px 80px #0000006b}.referral-hero h3{overflow-wrap:anywhere}.support-layout{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr)}.chat-window{border:1px solid var(--color-line);border-radius:var(--radius-3);min-height:360px;max-height:520px;padding:var(--space-3);align-content:start;gap:var(--space-2);background:linear-gradient(90deg, #1558d60a 1px, transparent 1px), linear-gradient(0deg, #1558d60a 1px, transparent 1px), var(--color-surface-blue);background-size:32px 32px,32px 32px,auto;display:grid;overflow:auto}.chat-bubble{border:1px solid var(--color-line);border-radius:var(--radius-3);max-width:78%;padding:var(--space-3);box-shadow:var(--shadow-inner);background:#ffffffe6}.chat-bubble.admin{color:#fff;background:linear-gradient(135deg, var(--color-primary), var(--color-cyan));margin-left:auto}.chat-bubble.note{color:var(--color-admin);background:var(--color-surface-violet);margin-inline:auto}.chat-bubble span,.chat-bubble small{font-size:12px;font-weight:850;display:block}.chat-bubble p{margin:var(--space-1) 0;color:inherit}.chat-form,.inline-form{margin-top:var(--space-3);gap:var(--space-2);display:flex}.inbox-layout{gap:var(--space-3);grid-template-columns:270px minmax(0,1fr);display:grid}.inbox-list,.quick-replies,.responsive-rows{gap:var(--space-2);display:grid}.inbox-list button{border:1px solid var(--color-line);border-radius:var(--radius-3);padding:var(--space-3);color:var(--color-muted-strong);text-align:left;cursor:pointer;box-shadow:var(--shadow-inner);background:#ffffffc2;gap:4px;display:grid}.inbox-list button.active{background:var(--color-surface-blue);box-shadow:var(--shadow-soft), var(--shadow-inner);border-color:#1558d661}.quick-replies{margin-top:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.queue-row{gap:var(--space-2);display:grid}.queue-row>span,.responsive-rows strong,.mobile-card-list strong{color:var(--color-ink);font-weight:900}.queue-row small,.responsive-rows span,.mobile-card-list span{color:var(--color-muted)}.search-inline{align-items:center;gap:var(--space-2);min-width:min(320px,100%);color:var(--color-muted);display:flex}.link-button{color:var(--color-ink);text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.link-button small{color:var(--color-muted)}.toggle-chip{border:1px solid var(--color-line);min-height:32px;padding:0 var(--space-3);cursor:pointer;background:#ffffffc2;border-radius:999px}.positive{color:var(--color-success);font-weight:900}.negative{color:var(--color-danger);font-weight:900}.stage-list{gap:var(--space-2);display:grid}.stage-list article{border:1px solid var(--color-line);border-radius:var(--radius-3);padding:var(--space-3);align-items:center;gap:var(--space-3);background:#ffffffbd;grid-template-columns:44px minmax(0,1fr) auto;display:grid}.stage-list article>span{border-radius:var(--radius-2);color:#fff;background:var(--color-ink);place-items:center;width:38px;height:38px;font-weight:950;display:grid}.stage-list strong,.stage-list p{margin:0}.progress-summary{margin-bottom:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-3);padding:var(--space-4);align-items:baseline;gap:var(--space-3);background:var(--color-surface-blue);display:flex}.progress-summary strong{color:var(--color-primary);font-size:32px}.data-state{border:1px dashed var(--color-line-strong);border-radius:var(--radius-3);min-height:150px;padding:var(--space-4);align-content:center;place-items:center;gap:var(--space-2);color:var(--color-muted);text-align:center;background:#ffffff8f;display:grid}.data-state:before{content:"";border-radius:var(--radius-2);width:42px;height:42px;box-shadow:var(--shadow-soft);background:url(/brand/avatar.svg) 50%/contain no-repeat}.data-state strong{color:var(--color-ink)}.data-state.error{background:var(--color-surface-rose);border-color:#d6265a6b}.skeleton-stack{gap:var(--space-2);display:grid}.skeleton-stack span{background:linear-gradient(90deg,#dceaffdb,#ffffffeb,#e6fbffcc) 0 0/190% 100%;border-radius:999px;height:18px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-190% 0}}.inline-error,.inline-success{border-radius:var(--radius-2);padding:var(--space-2) var(--space-3);font-size:13px;font-weight:820}.inline-error{color:var(--color-danger);background:var(--color-surface-rose)}.inline-success{color:var(--color-success);background:var(--color-surface-green);animation:copyPulse .9s var(--ease-out)}@keyframes copyPulse{0%{box-shadow:0 0 #0793753d}to{box-shadow:0 0 0 12px #07937500}}.dialog-backdrop{z-index:40;padding:var(--space-4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#081a3375;place-items:center;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--color-line);border-radius:var(--radius-4);width:min(680px,100%);max-height:min(760px,100vh - 32px);padding:var(--space-6);box-shadow:var(--shadow-panel);background:#fffffff0;overflow:auto}.dialog.wide{width:min(980px,100%)}.dialog-head{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.dialog-head h2{color:var(--color-ink);margin:0}.drawer-body{min-height:320px}.drawer-feature-panel{margin-bottom:var(--space-4)}.glass-mode-button{border:1px solid var(--color-line);border-radius:var(--radius-3);width:100%;min-height:72px;padding:var(--space-3);align-items:center;gap:var(--space-3);color:var(--color-muted-strong);text-align:left;background:var(--color-surface);box-shadow:var(--shadow-inner);cursor:pointer;display:flex}.glass-mode-button>svg{color:var(--brand-steam-cyan);flex:none}.glass-mode-button span{gap:3px;min-width:0;display:grid}.glass-mode-button strong{color:var(--color-ink);font-weight:950}.glass-mode-button small{color:var(--color-muted);font-size:12px;font-weight:800}.glass-mode-button.active{color:var(--color-ink);background:linear-gradient(135deg, #9eeafa3d, #f6c25b1f), var(--color-surface);box-shadow:0 18px 46px #35d1f329, var(--shadow-inner);border-color:#9eeafa75}.command-palette,.command-group{gap:var(--space-3);display:grid}.command-input{border:1px solid var(--color-line);border-radius:var(--radius-3);min-height:50px;padding:0 var(--space-3);align-items:center;gap:var(--space-2);color:var(--color-muted);background:#ffffffb8;display:flex}.command-input input{box-shadow:none;background:0 0;border:0}.command-group button{border:1px solid var(--color-line);border-radius:var(--radius-3);min-height:40px;padding:0 var(--space-3);text-align:left;color:var(--color-text);cursor:pointer;background:#ffffffb8}.qr-modal{justify-items:center;gap:var(--space-3);display:grid}.qr-modal-head{border:1px solid var(--color-line);border-radius:var(--radius-3);width:100%;padding:var(--space-3);align-items:center;gap:var(--space-3);background:linear-gradient(135deg,#fff8e8c7,#eaf4ffc2);display:flex}.qr-modal-head strong{color:var(--color-ink)}.qr-modal .real-qr{width:min(72vw,320px);height:min(72vw,320px)}.toast{right:var(--space-5);bottom:var(--space-5);z-index:60;border-radius:var(--radius-3);max-width:420px;padding:var(--space-3) var(--space-4);color:#fff;background:var(--color-ink);box-shadow:var(--shadow-panel);position:fixed}:root[data-liquid=on]{--liquid-glass-bg:linear-gradient(145deg, #fff3, #9eeafa14 42%, #f6c25b14);--liquid-glass-bg-strong:linear-gradient(145deg, #ffffff47, #9eeafa24 44%, #22d3a61a);--liquid-glass-line:#ffffff52;--liquid-glass-shadow:0 24px 70px #0000003d, inset 0 1px 0 #ffffff61, inset 0 -1px 0 #ffffff14}:root[data-theme=light][data-liquid=on]{--liquid-glass-bg:linear-gradient(145deg, #ffffff8a, #9eeafa33 42%, #f6c25b29);--liquid-glass-bg-strong:linear-gradient(145deg, #ffffffad, #eaf4ff57 48%, #ecfdf547);--liquid-glass-line:#ffffffbd;--liquid-glass-shadow:0 24px 70px #081a3324, inset 0 1px 0 #ffffffdb, inset 0 -1px 0 #ffffff47}:root[data-liquid=on] body{background:radial-gradient(circle at 14% 12%, #9eeafa33, transparent 26%), radial-gradient(circle at 88% 18%, #f6c25b29, transparent 24%), radial-gradient(circle at 55% 92%, #22d3a624, transparent 30%), var(--gradient-page)}:root[data-liquid=on] body:before{opacity:1;background:linear-gradient(115deg,#ffffff1f,#0000 28%,#9eeafa24 48%,#0000 70%,#f6c25b1f),radial-gradient(circle at 20% 20%,#ffffff1c,#0000 18%),radial-gradient(circle at 80% 62%,#ffffff14,#0000 20%)}:root[data-liquid=on] .sidebar,:root[data-liquid=on] .mobile-header,:root[data-liquid=on] .bottom-nav,:root[data-liquid=on] .dialog,:root[data-liquid=on] .ui-card,:root[data-liquid=on] .dev-panel,:root[data-liquid=on] .role-toggle,:root[data-liquid=on] .tabs,:root[data-liquid=on] .command-button,:root[data-liquid=on] .metric-card,:root[data-liquid=on] .ui-button,:root[data-liquid=on] a.ui-button,:root[data-liquid=on] .theme-toggle,:root[data-liquid=on] .glass-mode-button,:root[data-liquid=on] input,:root[data-liquid=on] textarea,:root[data-liquid=on] select,:root[data-liquid=on] .hero-status-metrics div,:root[data-liquid=on] .step-card,:root[data-liquid=on] .quick-grid button,:root[data-liquid=on] .plan-card,:root[data-liquid=on] .key-card,:root[data-liquid=on] .ru-card,:root[data-liquid=on] .server-card,:root[data-liquid=on] .document-card,:root[data-liquid=on] .responsive-rows article,:root[data-liquid=on] .mobile-card-list article,:root[data-liquid=on] .queue-row,:root[data-liquid=on] .plan-admin-list article,:root[data-liquid=on] .ops-control,:root[data-liquid=on] .attention-list span,:root[data-liquid=on] .feature-list span,:root[data-liquid=on] .meta-grid span,:root[data-liquid=on] .location-picker button,:root[data-liquid=on] .payment-methods button,:root[data-liquid=on] .quick-replies button,:root[data-liquid=on] .price-preview,:root[data-liquid=on] .payment-summary,:root[data-liquid=on] .key-metrics span,:root[data-liquid=on] .inbox-list button,:root[data-liquid=on] .toggle-chip,:root[data-liquid=on] .stage-list article,:root[data-liquid=on] .data-state,:root[data-liquid=on] .command-input,:root[data-liquid=on] .command-group button,:root[data-liquid=on] .guide-shot-button{border-color:var(--liquid-glass-line);background:var(--liquid-glass-bg);box-shadow:var(--liquid-glass-shadow);-webkit-backdrop-filter:blur(28px)saturate(175%);position:relative}:root[data-liquid=on] .ui-card,:root[data-liquid=on] .plan-card,:root[data-liquid=on] .key-card,:root[data-liquid=on] .ru-card,:root[data-liquid=on] .server-card,:root[data-liquid=on] .document-card,:root[data-liquid=on] .dialog{overflow:hidden}:root[data-liquid=on] .ui-card:before,:root[data-liquid=on] .plan-card:before,:root[data-liquid=on] .key-card:before,:root[data-liquid=on] .ru-card:before,:root[data-liquid=on] .server-card:before,:root[data-liquid=on] .document-card:before,:root[data-liquid=on] .dialog:before{z-index:0;pointer-events:none;content:"";opacity:.9;background:linear-gradient(132deg,#ffffff4d,#0000 24% 66%,#ffffff1f),radial-gradient(circle at 18% 8%,#fff3,#0000 20%);position:absolute;inset:0}:root[data-liquid=on] .ui-card>*,:root[data-liquid=on] .plan-card>*,:root[data-liquid=on] .key-card>*,:root[data-liquid=on] .ru-card>*,:root[data-liquid=on] .server-card>*,:root[data-liquid=on] .document-card>*,:root[data-liquid=on] .dialog>*{z-index:1;position:relative}:root[data-liquid=on] .ui-card.elevated,:root[data-liquid=on] .ui-card.selected,:root[data-liquid=on] .plan-card.selected,:root[data-liquid=on] .glass-mode-button.active{background:var(--liquid-glass-bg-strong);box-shadow:0 28px 82px #35d1f32e, var(--liquid-glass-shadow)}:root[data-liquid=on] .nav-group button:hover,:root[data-liquid=on] .drawer-nav button:hover,:root[data-liquid=on] .nav-group button.active,:root[data-liquid=on] .drawer-nav button.active,:root[data-liquid=on] .bottom-nav button.active,:root[data-liquid=on] .inbox-list button.active{background:linear-gradient(135deg,#ffffff3d,#9eeafa2e,#f6c25b1a);border-color:#9eeafa70;box-shadow:inset 0 1px #ffffff47,0 16px 38px #35d1f31f}@media (width<=1280px){.stat-grid,.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.key-grid,.ru-grid,.server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1024px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-header{z-index:25;border-bottom:1px solid var(--color-line);min-height:72px;padding:0 var(--space-3);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:#f8fcffdb;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.main-area{width:100%;padding:var(--space-4);padding-bottom:98px}.topbar{align-items:flex-start;min-height:auto}.topbar-actions{display:none}.grid-2,.checkout-columns,.support-layout,.guide-layout,.inbox-layout,.hero-status,.page-hero,.command-center,.subscription-health,.referral-hero{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.network-card{width:100%;min-width:0}.bottom-nav{z-index:30;border-top:1px solid var(--color-line);min-height:68px;padding:var(--space-1) var(--space-2) max(var(--space-1), env(safe-area-inset-bottom));gap:var(--space-1);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:#f8fcffeb;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -14px 42px #081a3314}.bottom-nav button{border-radius:var(--radius-3);min-width:0;min-height:56px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;align-content:center;place-items:center;gap:2px;font-size:10px;display:grid}.bottom-nav button.active{color:var(--color-primary);background:var(--color-surface-blue)}}@media (width<=768px){.topbar h1,.hero-status-copy h1,.page-hero h1,.command-center h1{font-size:27px}.stat-grid,.compact-stats,.hero-status-metrics,.onboarding-grid,.plan-grid,.auth-link-grid,.key-grid,.ru-grid,.server-grid,.document-grid,.guide-media,.filter-bar,.location-picker,.payment-methods,.quick-replies,.ops-grid,.health-nodes{grid-template-columns:1fr}.desktop-table{display:none}.mobile-card-list{display:grid}.section-header,.plan-topline,.key-card-head,.responsive-rows article,.stage-list article,.chat-form,.inline-form,.price-preview{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.section-action,.tabs,.role-toggle{width:100%}.tabs button,.role-toggle button{flex:1;justify-content:center}.ui-card{padding:var(--space-4)}.guide-shot-grid{grid-template-columns:1fr}.guide-shot-button img,.guide-media .guide-shot-button img{height:230px}.image-lightbox-toolbar{align-items:stretch;gap:var(--space-2);flex-direction:column}.image-lightbox-toolbar div{justify-content:space-between}.image-lightbox-stage{padding:var(--space-3)}.compact-list .ru-card{grid-template-columns:1fr}.chat-bubble{max-width:92%}.dialog-backdrop{align-items:end;padding:0}.dialog,.dialog.wide{border-radius:var(--radius-4) var(--radius-4) 0 0;width:100%;max-height:92vh}}@media (width<=430px){.main-area{padding:var(--space-3);padding-bottom:96px}.brand:not(.compact) span,.command-button span{display:none}.mobile-header .brand strong{font-size:16px}.metric-card{min-height:116px}.metric-card strong,.plan-card strong,.plan-card b,.payment-summary strong,.payment-summary b{font-size:20px}.hero-status-copy h1,.page-hero h1{font-size:25px}.button-row .ui-button{width:100%}.bottom-nav button span{text-overflow:clip;white-space:nowrap;max-width:100%;overflow:visible}.bottom-nav button{font-size:9px}}.welcome-screen{min-height:100vh;color:var(--color-text);background:linear-gradient(90deg, #5b8cff0d 1px, transparent 1px), linear-gradient(180deg, #35d1f30a 1px, transparent 1px), radial-gradient(circle at 12% 18%, #5b8cff38, transparent 28%), radial-gradient(circle at 78% 14%, #f0a7352e, transparent 24%), radial-gradient(circle at 80% 82%, #35d1f329, transparent 30%), var(--gradient-page);background-size:52px 52px,52px 52px,auto,auto,auto,auto;padding:clamp(18px,3vw,42px);position:relative;overflow:hidden}.welcome-topbar{z-index:2;max-width:1180px;margin:0 auto var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex;position:relative}.welcome-hero{z-index:2;grid-template-columns:minmax(0,1.04fr) minmax(340px,.72fr);grid-template-areas:"copy form";align-items:center;gap:clamp(18px,3vw,42px);max-width:1180px;min-height:calc(100vh - 132px);margin:0 auto;display:grid;position:relative}.welcome-copy{gap:var(--space-5);grid-area:copy;max-width:690px;display:grid}.welcome-copy h1{color:var(--color-ink);margin:0;font-size:clamp(56px,8vw,112px);font-weight:950;line-height:.9}.welcome-copy p,.welcome-card p{max-width:620px;color:var(--color-muted-strong);margin:0;font-size:18px;line-height:1.65}.welcome-proof{gap:var(--space-2);flex-wrap:wrap;display:flex}.welcome-proof span{border:1px solid var(--color-line);min-height:40px;padding:0 var(--space-3);align-items:center;gap:var(--space-2);color:var(--color-muted-strong);box-shadow:var(--shadow-inner);background:#10192bb8;border-radius:999px;display:inline-flex}.welcome-card small{color:var(--color-muted);font-size:12px;font-weight:820}.welcome-card{border-radius:var(--radius-4);width:min(100%,520px);padding:var(--space-6);gap:var(--space-4);box-shadow:var(--shadow-panel), var(--shadow-inner);-webkit-backdrop-filter:blur(20px)saturate(145%);backdrop-filter:blur(20px)saturate(145%);background:linear-gradient(#121c2fe6,#080e1ad6);border:1px solid #93b2d938;grid-area:form;display:grid}.welcome-card h2{margin:var(--space-1) 0 var(--space-2);color:var(--color-ink);font-size:30px;line-height:1.05}.welcome-card .ui-button{min-height:52px}.auth-provider-stack{gap:var(--space-2);display:grid}.telegram-login-slot,.google-login-slot,.provider-button,.google-auth-button,.auth-link-card{border:1px solid var(--color-line);border-radius:var(--radius-3);background:var(--color-surface);min-height:52px;color:var(--color-muted-strong);box-shadow:var(--shadow-inner);place-items:center;display:grid}.telegram-login-slot{width:100%;min-height:68px;padding:9px var(--space-4);background:radial-gradient(circle at 16%,#33a6ff38,#0000 30%),linear-gradient(135deg,#0b1b34f5,#0e2746e0);border-color:#45d4ff4d;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 14px 34px #0000002e}.telegram-login-slot:before{content:"";pointer-events:none;border-radius:calc(var(--radius-3) - 1px);background:linear-gradient(90deg,#2ed3b729,#489aff0f);position:absolute;inset:1px}.telegram-login-slot iframe{z-index:1;backface-visibility:hidden;image-rendering:auto;max-width:min(100%,320px);display:block;position:relative;transform:translateZ(0)}.google-login-slot{width:100%;min-height:52px;padding:6px var(--space-3);overflow:hidden}.google-login-slot>div{max-width:100%}.telegram-login-slot span,.google-login-slot span,.auth-error{padding:0 var(--space-3);color:var(--color-muted);font-size:12px;font-weight:800}.provider-button{width:100%;padding:0 var(--space-4);justify-content:center;gap:var(--space-2);cursor:pointer;grid-template-columns:auto auto;font-weight:860}.provider-button:disabled{opacity:.6;cursor:not-allowed}.google-auth-button{width:100%;padding:0 var(--space-4);justify-content:center;gap:var(--space-3);color:var(--color-ink);cursor:pointer;grid-template-columns:auto minmax(0,auto);font-weight:880}.google-auth-button.compact{justify-content:start;min-height:64px}.google-auth-button:disabled{opacity:.58;cursor:not-allowed}.google-auth-button>span:last-child{text-align:left;gap:2px;min-width:0;display:grid}.google-auth-button strong{color:var(--color-ink);font-size:14px}.google-auth-button small{color:var(--color-muted);font-size:12px}.google-mark{flex:none;width:28px;height:28px;display:block}.auth-link-grid{gap:var(--space-3);grid-template-columns:minmax(0,1fr) minmax(240px,.8fr);display:grid}.auth-link-card{padding:var(--space-3);align-content:center;justify-items:start;gap:var(--space-2)}.auth-link-card strong{color:var(--color-ink)}.auth-link-card span{color:var(--color-muted)}.auth-error{color:var(--color-danger)}.welcome-ambient{pointer-events:none;position:absolute;inset:0}.welcome-ambient span{filter:blur(.2px);opacity:.7;border:1px solid #5b8cff33;border-radius:999px;animation:16s linear infinite welcomeOrbit;position:absolute}.welcome-ambient span:first-child{width:220px;height:220px;top:28%;left:6%}.welcome-ambient span:nth-child(2){border-color:#35d1f32e;width:320px;height:320px;animation-duration:22s;top:8%;right:8%}.welcome-ambient span:nth-child(3){border-color:#f0a7352e;width:180px;height:180px;animation-duration:18s;animation-direction:reverse;bottom:8%;right:26%}@keyframes welcomeOrbit{to{transform:rotate(360deg)}}@media (width<=1024px){.welcome-hero{grid-template-columns:1fr;grid-template-areas:"copy""form";min-height:auto}.welcome-copy{max-width:100%}.welcome-card{width:100%}}@media (width<=640px){.welcome-screen{padding:var(--space-4)}.welcome-topbar{margin-bottom:var(--space-6)}.welcome-topbar .ui-badge{display:none}.welcome-topbar .brand .brand-avatar{display:grid}.welcome-copy h1{font-size:52px}.welcome-copy p,.welcome-card p{font-size:16px}.welcome-card{padding:var(--space-4)}}.sidebar,.mobile-header,.bottom-nav{-webkit-backdrop-filter:blur(24px)saturate(145%);backdrop-filter:blur(24px)saturate(145%);background:#080e1adb}.sidebar{box-shadow:18px 0 54px #0000003d, var(--shadow-inner)}.bottom-nav{box-shadow:0 -16px 46px #00000057}.brand-avatar{box-shadow:none;background:0 0;border-color:#0000}.brand-orb{color:var(--brand-egg-gold);background:linear-gradient(135deg,#f0a73533,#35d1f324)}.dev-panel,.role-toggle,.tabs,.command-button,.metric-card,.ui-button,a.ui-button,.ui-badge,input,textarea,select,.hero-status-metrics div,.bowl-emblem,.step-card,.quick-grid button,.plan-card,.key-card,.ru-card,.server-card,.document-card,.responsive-rows article,.mobile-card-list article,.queue-row,.plan-admin-list article,.ops-control,.attention-list span,.feature-list span,.meta-grid span,.location-picker button,.payment-methods button,.quick-replies button,.price-preview,.payment-summary,.key-metrics span,.inbox-list button,.toggle-chip,.stage-list article,.data-state,.command-input,.command-group button{background:var(--color-surface)}.ui-card,.dialog{background:var(--gradient-panel)}.nav-group button:hover,.drawer-nav button:hover{background:#1b2a44db}.nav-group button.active,.drawer-nav button.active,.bottom-nav button.active,.inbox-list button.active{background:linear-gradient(135deg,#5b8cff38,#35d1f31f);border-color:#5b8cff47}.role-toggle button.active,.tabs button.active,.location-picker button.active,.payment-methods button.active{color:#07101d;background:linear-gradient(135deg, var(--brand-steam-cyan), var(--brand-network-blue))}.ui-button.primary,a.ui-button.primary,.chat-bubble.admin{color:#06101d;background:linear-gradient(135deg, var(--color-primary), var(--color-cyan))}.ui-button.success,.step-card span,.stepper li>span{color:#04130f}.ui-button.danger{color:#24040d}.ui-card.warning,.key-card.warning,.ru-card.needsCheck,.ru-card.warning,.price-preview,.best-route,.progress-summary{background:linear-gradient(135deg,#f0a73529,#121c2fc7)}.ui-card.danger,.danger-zone,.key-card.offline,.ru-card.disabled,.ru-card.offline,.data-state.error{background:linear-gradient(135deg,#ff5f8f24,#121c2fc7)}.ui-card.empty,.qr-modal-head{background:var(--gradient-subtle)}.hero-status{background:radial-gradient(circle at 88% 12%,#f0a7352e,#0000 26%),linear-gradient(118deg,#121c2ff0,#0a2033c2 58%,#2a2019ad),linear-gradient(90deg,#5b8cff29,#35d1f314,#f0a73514)}.network-card{background:linear-gradient(90deg,#5b8cff1f 1px,#0000 1px),linear-gradient(0deg,#35d1f31a 1px,#0000 1px),linear-gradient(135deg,#10192beb,#0b2634c7)}.network-card:before{border-color:#5b8cff52}.network-card:after{border-color:#35d1f34d}.chat-window{background:linear-gradient(90deg,#5b8cff0f 1px,#0000 1px),linear-gradient(0deg,#35d1f30d 1px,#0000 1px),#080e1ab8}.chat-bubble{background:#121c2fe6}.chat-bubble.note{background:var(--color-surface-violet)}.skeleton-stack span{background:linear-gradient(90deg,#5b8cff29,#ffffff24,#35d1f321) 0 0/190% 100%}.dialog-backdrop{background:#02060eb3}.toast{color:#06101d;background:linear-gradient(135deg, var(--brand-steam-cyan), var(--brand-egg-gold))}:root[data-theme=light] .sidebar,:root[data-theme=light] .mobile-header,:root[data-theme=light] .bottom-nav{background:#f8fcffe6}:root[data-theme=light] .dev-panel,:root[data-theme=light] .role-toggle,:root[data-theme=light] .tabs,:root[data-theme=light] .command-button,:root[data-theme=light] .metric-card,:root[data-theme=light] .ui-button,:root[data-theme=light] a.ui-button,:root[data-theme=light] .ui-badge,:root[data-theme=light] input,:root[data-theme=light] textarea,:root[data-theme=light] select,:root[data-theme=light] .hero-status-metrics div,:root[data-theme=light] .step-card,:root[data-theme=light] .quick-grid button,:root[data-theme=light] .plan-card,:root[data-theme=light] .key-card,:root[data-theme=light] .ru-card,:root[data-theme=light] .server-card,:root[data-theme=light] .document-card,:root[data-theme=light] .responsive-rows article,:root[data-theme=light] .mobile-card-list article,:root[data-theme=light] .queue-row,:root[data-theme=light] .plan-admin-list article,:root[data-theme=light] .ops-control,:root[data-theme=light] .attention-list span,:root[data-theme=light] .feature-list span,:root[data-theme=light] .meta-grid span,:root[data-theme=light] .location-picker button,:root[data-theme=light] .payment-methods button,:root[data-theme=light] .quick-replies button,:root[data-theme=light] .price-preview,:root[data-theme=light] .payment-summary,:root[data-theme=light] .key-metrics span,:root[data-theme=light] .inbox-list button,:root[data-theme=light] .toggle-chip,:root[data-theme=light] .stage-list article,:root[data-theme=light] .data-state,:root[data-theme=light] .command-input,:root[data-theme=light] .command-group button,:root[data-theme=light] .theme-toggle{background:var(--color-surface)}:root[data-theme=light] .hero-status{background:radial-gradient(circle at 88% 12%,#f0a73524,#0000 26%),linear-gradient(118deg,#ffffffeb,#ecf8ffb8 58%,#fff8e8ad),linear-gradient(90deg,#1558d61f,#0891b214,#f0a73514)}:root[data-theme=light] .plan-card.selected{background:linear-gradient(145deg,#dceaffeb,#ffffffe0)}:root[data-theme=light] .best-route{background:linear-gradient(135deg,#fff8e8d6,#e6fbffad)}:root[data-theme=light] .role-toggle button.active,:root[data-theme=light] .tabs button.active,:root[data-theme=light] .location-picker button.active,:root[data-theme=light] .payment-methods button.active{color:#fff;background:var(--color-ink)}:root[data-theme=light] .ui-button.primary,:root[data-theme=light] a.ui-button.primary,:root[data-theme=light] .chat-bubble.admin{color:#fff}:root[data-theme=light] .welcome-card{background:var(--gradient-panel)}:root[data-liquid=on] .sidebar,:root[data-liquid=on] .mobile-header,:root[data-liquid=on] .bottom-nav,:root[data-liquid=on] .dialog,:root[data-liquid=on] .ui-card,:root[data-liquid=on] .dev-panel,:root[data-liquid=on] .role-toggle,:root[data-liquid=on] .tabs,:root[data-liquid=on] .command-button,:root[data-liquid=on] .metric-card,:root[data-liquid=on] .ui-button,:root[data-liquid=on] a.ui-button,:root[data-liquid=on] .ui-badge,:root[data-liquid=on] .theme-toggle,:root[data-liquid=on] .glass-mode-button,:root[data-liquid=on] input,:root[data-liquid=on] textarea,:root[data-liquid=on] select,:root[data-liquid=on] .hero-status-metrics div,:root[data-liquid=on] .step-card,:root[data-liquid=on] .quick-grid button,:root[data-liquid=on] .plan-card,:root[data-liquid=on] .key-card,:root[data-liquid=on] .ru-card,:root[data-liquid=on] .server-card,:root[data-liquid=on] .document-card,:root[data-liquid=on] .responsive-rows article,:root[data-liquid=on] .mobile-card-list article,:root[data-liquid=on] .queue-row,:root[data-liquid=on] .plan-admin-list article,:root[data-liquid=on] .ops-control,:root[data-liquid=on] .attention-list span,:root[data-liquid=on] .feature-list span,:root[data-liquid=on] .meta-grid span,:root[data-liquid=on] .location-picker button,:root[data-liquid=on] .payment-methods button,:root[data-liquid=on] .quick-replies button,:root[data-liquid=on] .price-preview,:root[data-liquid=on] .payment-summary,:root[data-liquid=on] .key-metrics span,:root[data-liquid=on] .inbox-list button,:root[data-liquid=on] .toggle-chip,:root[data-liquid=on] .stage-list article,:root[data-liquid=on] .data-state,:root[data-liquid=on] .command-input,:root[data-liquid=on] .command-group button,:root[data-liquid=on] .guide-shot-button{border-color:var(--liquid-glass-line);background:var(--liquid-glass-bg);box-shadow:var(--liquid-glass-shadow);-webkit-backdrop-filter:blur(28px)saturate(175%)}