@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:local("Inter-Regular"),url(/fonts/Inter-Regular.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:local("Inter-Medium"),url(/fonts/Inter-Medium.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:local("Inter-Bold"),url(/fonts/Inter-Bold.woff2) format("woff2")}@font-face{font-family:SpaceGrotesk;font-style:normal;font-weight:500;font-display:swap;font-feature-settings:"zero","ss02" off,"ss03" on,"ss04" on;src:local("SpaceGrotesk-Medium"),url(/fonts/SpaceGrotesk-Medium.woff2) format("woff2")}@font-face{font-family:SpaceGrotesk;font-style:normal;font-weight:600;font-display:swap;font-feature-settings:"zero","ss02" off,"ss03" on,"ss04" on;src:local("SpaceGrotesk-SemiBold"),url(/fonts/SpaceGrotesk-SemiBold.woff2) format("woff2")}@font-face{font-family:RobotoMono;font-style:normal;font-weight:400;font-display:swap;src:local("RobotoMono-Regular"),url(/fonts/RobotoMono-Regular.woff2) format("woff2")}@font-face{font-family:Aeonik;font-style:normal;font-weight:400;font-display:swap;src:local("Aeonik-Regular"),url(/fonts/Aeonik-Regular.woff2) format("woff2")}@font-face{font-family:Aeonik;font-style:normal;font-weight:500;font-display:swap;src:local("Aeonik-Medium"),url(/fonts/Aeonik-Medium.woff2) format("woff2")}@font-face{font-family:Aeonik Mono;font-style:normal;font-weight:400;font-display:swap;src:local("AeonikMono-Regular"),url(/fonts/AeonikMono-Regular.woff2) format("woff2")}@font-face{font-family:Aeonik Mono;font-style:normal;font-weight:500;font-display:swap;src:local("AeonikMono-Medium"),url(/fonts/AeonikMono-Medium.ttf) format("truetype")}:root{color-scheme:light;font-family:var(--font-body);background:var(--bg);color:var(--fg);--font-body: "Aeonik", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Aeonik", "SpaceGrotesk", "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono: "Aeonik Mono", "RobotoMono", "SF Mono", Consolas, monospace;--bg: #f7f8fb;--fg: #111827;--fg-muted: #4b5563;--fg-subtle: #6b7280;--surface: #fff;--surface-2: #f2f4f8;--surface-glass: rgba(255, 255, 255, .92);--surface-muted: #f8fafc;--panel-inner: #ffffff;--topbar-bg: rgba(247, 248, 251, .92);--border: #e5e7eb;--border-hover: #cbd5e1;--brand-cyan: #0f766e;--brand-violet: #2563eb;--brand-fuchsia: #64748b;--brand-gradient: #1f2937;--brand-gradient-hover: #111827;--brand-shadow: rgba(17, 24, 39, .12);--brand-shadow-hover: rgba(17, 24, 39, .16);--brand-glow: 0 1px 2px var(--brand-shadow);--brand-glow-hover: 0 4px 12px -8px var(--brand-shadow-hover);--glass-blur: 10px;--glass-shadow: 0 1px 2px rgba(15, 23, 42, .04);--glass-shadow-hover: 0 8px 18px -14px rgba(15, 23, 42, .18);--white: #fff;--mark-text: #05060d;--grid-line: rgba(100, 116, 139, .08);--cyan-soft: rgba(15, 118, 110, .08);--violet-soft: rgba(37, 99, 235, .08);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:root[data-theme=dark]{color-scheme:dark;--bg: #0b0f17;--fg: #f8fafc;--fg-muted: #cbd5e1;--fg-subtle: #94a3b8;--surface: #111827;--surface-2: #1f2937;--surface-glass: rgba(17, 24, 39, .9);--surface-muted: #0f172a;--panel-inner: #111827;--topbar-bg: rgba(11, 15, 23, .9);--border: #243041;--border-hover: #475569;--brand-cyan: #5eead4;--brand-violet: #93c5fd;--brand-gradient: #2563eb;--brand-gradient-hover: #1d4ed8;--brand-shadow: rgba(37, 99, 235, .18);--brand-shadow-hover: rgba(37, 99, 235, .24);--brand-glow: 0 1px 2px rgba(0, 0, 0, .24);--brand-glow-hover: 0 6px 16px -12px var(--brand-shadow-hover);--glass-shadow: 0 1px 2px rgba(0, 0, 0, .2);--glass-shadow-hover: 0 8px 18px -14px rgba(0, 0, 0, .42);--grid-line: rgba(148, 163, 184, .05);--cyan-soft: rgba(45, 212, 191, .1);--violet-soft: rgba(96, 165, 250, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}:where(button,a):focus-visible{outline:3px solid color-mix(in srgb,var(--brand-violet) 55%,transparent);outline-offset:3px}.shell{position:relative;min-height:100vh;overflow-x:clip;overflow-y:visible;padding:0 32px 56px}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 82%);mask-image:linear-gradient(to bottom,black,transparent 82%)}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1240px;height:72px;margin:0 auto;border-bottom:1px solid var(--border);background:var(--topbar-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.brand,.topnav,.telegram-button,.theme-button,.pill,.primary-button,.secondary-button,.icon-button,.amount,.device-choice,.payment-method{border:1px solid var(--border);background:var(--surface-glass);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.brand{display:inline-flex;align-items:center;gap:10px;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;font-weight:700;font-family:var(--font-display)}.brand-mark{display:block;flex:0 0 auto;width:38px;height:30px;background:var(--fg);-webkit-mask:url(/volga-dino-logo.png) center/contain no-repeat;mask:url(/volga-dino-logo.png) center/contain no-repeat}.topnav{display:flex;align-items:center;gap:4px;height:40px;padding:4px;border-radius:8px}.topnav a{display:inline-flex;align-items:center;height:30px;padding:0 14px;border-radius:6px;color:var(--fg-muted);font-size:14px;font-weight:500}.topnav a:hover,.topnav a.active{color:var(--fg);background:var(--surface-2)}.top-actions{display:flex;align-items:center;gap:10px}.telegram-button,.theme-button,.primary-button,.secondary-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border-radius:8px;color:var(--fg);transition:transform .16s ease,border-color .16s ease,background .16s ease}.telegram-button{padding:0 16px;color:var(--fg-muted)}.theme-button{width:40px;padding:0;color:var(--fg-muted)}.primary-button{min-height:42px;padding:0 18px;border:0;background:var(--brand-gradient);box-shadow:var(--brand-glow);font-size:14px;font-weight:500;color:var(--white);transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.secondary-button{min-height:36px;padding:0 12px;color:var(--fg-muted);font-size:13px;font-weight:600}.icon-button{width:40px;height:40px;color:var(--fg-muted)}.telegram-button:hover,.theme-button:hover,.secondary-button:hover,.icon-button:hover{transform:translateY(-1px);border-color:var(--border-hover);background-color:var(--surface-2);box-shadow:var(--glass-shadow-hover)}.primary-button:hover{transform:translateY(-1px);border:0;background:var(--brand-gradient-hover);box-shadow:var(--brand-glow-hover)}.primary-button:disabled{cursor:progress;opacity:.72}.workspace{position:relative;z-index:1;display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.62fr);gap:22px;max-width:1240px;margin:28px auto 0}.auth-shell{min-height:100vh}.auth-layout{position:relative;z-index:1;max-width:920px;margin:clamp(24px,6vh,64px) auto 0}.auth-hero{border:1px solid var(--border);background:var(--surface-glass);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-radius:8px}.auth-hero{min-height:min(560px,100vh - 170px);padding:clamp(32px,7vw,72px);display:flex;flex-direction:column;justify-content:center;overflow:hidden;animation:auth-panel-enter .52s cubic-bezier(.22,1,.36,1) both}.auth-hero h1{max-width:680px;margin:22px 0 18px;font-family:var(--font-display);font-weight:600;font-size:clamp(52px,8vw,82px);line-height:.96}.auth-hero p{max-width:560px;color:var(--fg-muted);font-size:18px;line-height:1.55}.auth-actions{display:grid;grid-template-columns:repeat(2,max-content);gap:12px;margin-top:32px}.auth-actions .secondary-button{min-height:48px;padding:0 20px}.auth-trust{display:flex;align-items:center;gap:8px;margin-top:22px;color:var(--fg-subtle);font-size:13px;line-height:1.45}.auth-trust svg{flex:0 0 auto}.auth-error{max-width:560px;margin:18px 0 0;color:#be123c;font-size:14px;line-height:1.5}:root[data-theme=dark] .auth-error{color:#fb7185}.auth-actions .telegram-button{min-height:48px;padding:0 24px;border:0;background:var(--brand-gradient);box-shadow:var(--brand-glow);color:var(--white);font-size:14px;font-weight:500;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.auth-actions .telegram-button:hover{border:0;background:var(--brand-gradient-hover);box-shadow:var(--brand-glow-hover)}.auth-hero>*{animation:auth-item-enter .43s cubic-bezier(.22,1,.36,1) both}.auth-hero>:nth-child(1){animation-delay:.1s}.auth-hero>:nth-child(2){animation-delay:.15s}.auth-hero>:nth-child(3){animation-delay:.2s}.auth-hero>:nth-child(4){animation-delay:.25s}.auth-hero>:nth-child(5){animation-delay:.3s}.auth-hero>:nth-child(6){animation-delay:.35s}.workspace>*,.content-grid>*,.account-panel,.main-panel,.tool-band{min-width:0}.account-panel,.tool-band,.device-card,.payment-history,.loading-panel{border:1px solid var(--border);background:var(--surface-glass);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-radius:8px}.account-panel{align-self:start;padding:28px}.pill{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:8px;color:var(--brand-cyan);background:var(--cyan-soft);font-size:12px;font-weight:600}.account-panel h1{max-width:380px;margin:20px 0 16px;font-family:var(--font-display);font-weight:600;font-size:38px;line-height:1.08}.account-panel p,.tool-band p,.device-card p{color:var(--fg-muted);line-height:1.65}.account-panel>p{margin-bottom:0}.balance-block{margin-top:34px;padding-top:24px;border-top:1px solid var(--border)}.account-uid{display:flex;align-items:center;gap:8px;margin-top:22px;color:var(--fg-subtle);font-size:12px}.account-uid strong{color:var(--fg);font-family:var(--font-mono);font-size:13px;font-weight:500}.balance-block>span{color:var(--fg-subtle);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.balance-block strong{display:block;margin-top:8px;font-family:var(--font-display);font-weight:600;font-size:36px;line-height:1}.balance-block small{display:block;margin-top:10px;color:var(--fg-subtle);overflow-wrap:anywhere}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.metric{min-height:76px;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.metric-label{display:flex;align-items:center;gap:7px;color:var(--fg-subtle);font-size:12px}.metric-label svg{flex:0 0 auto}.metric strong{display:block;margin-top:9px;overflow-wrap:anywhere}.main-panel{padding:0}.main-panel>.tool-band:first-child{margin-top:0}.content-panel{padding:0}.panel-head,.tool-heading,.section-title{display:flex;align-items:center;justify-content:space-between;gap:18px}.heading-copy{min-width:0}.heading-copy h2{display:block;margin-top:0}.heading-copy p{margin:7px 0 0;color:var(--fg-subtle);font-size:14px;line-height:1.45}h2,h3,p{margin-top:0}h2{margin-bottom:0;font-family:var(--font-display);font-weight:600;font-size:24px;line-height:1.15}.tool-band{margin-top:18px;padding:22px;background:var(--panel-inner);scroll-margin-top:148px}.device-picker,.payment-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px}.device-choice,.payment-method{display:flex;align-items:center;gap:10px;min-height:74px;padding:14px;border-radius:8px;color:var(--fg-muted);text-align:left}.device-choice svg,.payment-method svg{flex:0 0 auto}.device-choice span,.payment-method span{min-width:0}.device-choice strong,.payment-method strong,.device-choice small,.payment-method small{display:block}.device-choice small,.payment-method small{margin-top:3px;color:var(--fg-subtle);font-size:12px;line-height:1.25}.device-choice.active,.payment-method.active,.amount.active{border-color:var(--brand-violet);color:var(--fg);background:var(--surface-2)}.amount-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:18px}.amount{min-width:0;height:42px;border-radius:8px;color:var(--fg-muted);font-size:14px;font-weight:700}.payment-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.payment-method{display:grid;grid-template-columns:24px minmax(0,1fr) 16px;align-items:center;column-gap:12px}.tool-footer{display:flex;justify-content:flex-end;margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}.tool-footer .primary-button{min-width:180px}.form-feedback{margin:14px 0 0;font-size:13px}.form-feedback.error{color:#be123c}:root[data-theme=dark] .form-feedback.error{color:#fb7185}.content-grid{position:relative;z-index:1;max-width:1240px;margin:28px auto 0;scroll-margin-top:148px}.section-title{margin-bottom:18px}.device-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.device-card{padding:18px;background:var(--panel-inner)}.device-card-head{display:flex;align-items:center;justify-content:space-between}.device-card-controls{display:flex;align-items:center;gap:8px}.delete-device-button{display:inline-grid;width:32px;height:32px;place-items:center;padding:0;border:1px solid rgba(225,29,72,.2);border-radius:7px;color:#be123c;background:#e11d480f;transition:border-color .16s ease,background .16s ease,transform .16s ease}.delete-device-button:hover{transform:translateY(-1px);border-color:#e11d4861;background:#e11d481c}.delete-device-button:disabled{cursor:progress;opacity:.6}:root[data-theme=dark] .delete-device-button{color:#fb7185;background:#fb718514}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#0206178f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-dialog{width:min(420px,100%);padding:24px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 24px 64px -24px #02061780}.confirm-dialog-icon{display:inline-grid;width:42px;height:42px;place-items:center;border-radius:8px;color:#be123c;background:#e11d4814}.confirm-dialog h3{margin:18px 0 8px;font-family:var(--font-display);font-size:22px}.confirm-dialog p{margin:0;color:var(--fg-muted);line-height:1.55}.confirm-dialog .dialog-error{margin-top:12px;color:#be123c;font-size:13px}.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid #be123c;border-radius:8px;color:#fff;background:#be123c;font-weight:600}.danger-button:hover{background:#9f1239}.danger-button:disabled{cursor:progress;opacity:.65}:root[data-theme=dark] .confirm-dialog-icon,:root[data-theme=dark] .confirm-dialog .dialog-error{color:#fb7185}.device-icon{display:inline-grid;width:42px;height:42px;place-items:center;border:1px solid rgba(34,211,238,.22);border-radius:8px;color:var(--brand-cyan);background:var(--cyan-soft)}.status{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:6px;color:var(--fg-muted);background:var(--surface-2);font-size:12px;font-weight:700}.status.active{color:var(--brand-cyan);background:var(--cyan-soft)}.status.creating,.status.caching{color:var(--brand-violet);background:var(--violet-soft)}.device-card h3{margin:18px 0 6px;font-size:20px}.device-card p{margin-bottom:18px;overflow-wrap:anywhere;font-family:var(--font-mono);font-size:13px}.device-card dl{display:grid;gap:10px;margin:0}.device-card div:has(>dt){display:flex;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid var(--border)}dt{color:var(--fg-subtle)}dd{margin:0;color:var(--fg);text-align:right}.device-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.copy-feedback{display:block;min-height:18px;margin-top:8px;color:var(--fg-subtle);font-size:12px}.copy-feedback:empty{display:none}.copy-feedback.error{color:#be123c}:root[data-theme=dark] .copy-feedback.error{color:#fb7185}.empty-state{grid-column:1/-1;display:flex;align-items:center;gap:16px;min-height:128px;padding:22px;border:1px dashed var(--border-hover);border-radius:8px;color:var(--fg-subtle);background:var(--surface-muted)}.empty-state>div{flex:1}.empty-state h3,.empty-state p{margin:0}.empty-state h3{color:var(--fg);font-size:16px}.empty-state p{margin-top:5px;color:var(--fg-muted);line-height:1.5}.payment-history{overflow:hidden;background:var(--panel-inner);border-radius:8px}.payment-row{display:grid;grid-template-columns:minmax(100px,1fr) minmax(130px,1fr) minmax(90px,auto) 20px;align-items:center;gap:16px;min-height:58px;padding:0 18px;border-top:1px solid var(--border);color:var(--fg-muted)}.loading-dot{width:14px;height:14px;border-radius:50%;background:var(--brand-gradient);box-shadow:var(--brand-glow);animation:pulse .9s ease-in-out infinite alternate}.payment-row:first-child{border-top:0}.payment-row.disabled{cursor:not-allowed;opacity:.62}.payment-row strong,.payment-provider{color:var(--fg);overflow-wrap:anywhere}.loading-panel{position:relative;z-index:1;display:flex;align-items:center;gap:12px;width:min(420px,100vw - 32px);min-height:82px;margin:25vh auto 0;padding:24px;color:var(--fg-muted)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%{transform:scale(.82);opacity:.58}to{transform:scale(1);opacity:1}}@keyframes auth-panel-enter{0%{opacity:0;transform:translateY(10px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes auth-item-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1120px){.device-list{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace,.auth-layout{grid-template-columns:1fr}.device-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.shell{padding:0 16px 36px}.topbar{height:auto;padding:14px 0;flex-wrap:wrap}.topnav{order:3;width:100%;overflow-x:auto;justify-content:center}.topbar .top-actions .telegram-button span{display:none}.workspace,.auth-layout,.device-list,.payment-grid{grid-template-columns:1fr}.device-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace,.auth-layout{margin-top:20px}.auth-hero{min-height:auto}.account-panel{padding:22px}.account-panel h1{margin:16px 0 8px;font-size:32px}.account-panel>p{font-size:15px;line-height:1.5}.account-uid{margin-top:14px}.balance-block{margin-top:20px;padding-top:18px}.balance-block strong{font-size:32px}.balance-block small{margin-top:8px}.account-grid{gap:10px;margin-top:16px}.metric{min-height:70px;padding:12px}.panel-head,.section-title{align-items:flex-start}.tool-heading{align-items:flex-start;flex-direction:column}.tool-band{padding:20px}.tool-band h2,.section-title h2{font-size:22px}.tool-footer .primary-button{width:100%}.device-card{padding:16px}.device-icon{width:38px;height:38px}.device-card h3{margin:12px 0 4px}.device-card p{margin-bottom:14px}.device-card dl{gap:7px}.device-card div:has(>dt){padding-top:8px}.device-actions{margin-top:14px}.empty-state{align-items:flex-start;flex-direction:column}.empty-state .secondary-button{width:100%}.confirm-dialog-actions{flex-direction:column-reverse}.confirm-dialog-actions button{width:100%}.content-panel{padding:0}.section-title{display:block}.payment-row{grid-template-columns:1fr auto;gap:8px;padding:14px 16px}.payment-row span:nth-child(2){grid-column:1}.auth-hero{min-height:calc(100svh - 154px);padding:28px}.auth-hero h1{margin:20px 0 14px;font-size:clamp(48px,15vw,64px)}.auth-hero p{font-size:16px}.auth-actions{grid-template-columns:1fr;width:100%;gap:10px;margin-top:28px}.auth-actions .telegram-button,.auth-actions .secondary-button{width:100%}}@media(max-width:360px){.topnav a{padding-inline:8px;font-size:13px}.amount-row{grid-template-columns:repeat(6,minmax(0,1fr))}.amount{grid-column:span 2}.amount:nth-child(4){grid-column:2/span 2}}@media(max-width:340px){.device-picker{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.auth-hero,.auth-hero>*{animation:none}}
