@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&display=swap";:root{--bg: #1c1c1c;--bg2: #242424;--bg3: #2d2d2d;--bg4: #333333;--bg5: #3a3a3a;--border: rgba(255,255,255,.08);--border2: rgba(255,255,255,.13);--text: #f0f0f0;--text2: #a0a0a0;--text3: #666666;--accent: #60a0ff;--accent-d: rgba(96,160,255,.1);--accent-s: rgba(96,160,255,.2);--buy: #60a0ff;--buy-d: rgba(96,160,255,.09);--sell: #f1707a;--sell-d: rgba(241,112,122,.09);--hot: #ffd040;--hot-d: rgba(255,208,64,.07);--green: #6ccb6c;--green-d: rgba(108,203,108,.09);--r: 8px;--r-sm: 5px;--mono: "IBM Plex Mono", "Cascadia Code", "Consolas", monospace;--sans: "Segoe UI", system-ui, -apple-system, sans-serif;--col-symbol: 155px;--col-exchange: 145px;--col-buy: 120px;--col-sell: 120px;--col-spread: 105px;--col-liq: 90px;--col-spark: 80px;--col-age: 80px;--col-watch: 32px;--col-expand: 32px;--grid-cols: var(--col-symbol) var(--col-exchange) var(--col-buy) var(--col-sell) var(--col-spread) var(--col-liq) var(--col-spark) var(--col-age) var(--col-watch) var(--col-expand)}[data-theme=light]{--bg: #f3f3f3;--bg2: #ebebeb;--bg3: #ffffff;--bg4: #f9f9f9;--bg5: #e5e5e5;--border: rgba(0,0,0,.08);--border2: rgba(0,0,0,.14);--text: #1a1a1a;--text2: #555555;--text3: #999999;--accent: #0078d4;--accent-d: rgba(0,120,212,.08);--accent-s: rgba(0,120,212,.16);--buy: #0063b1;--buy-d: rgba(0,99,177,.08);--sell: #d13438;--sell-d: rgba(209,52,56,.08);--hot: #c47800;--hot-d: rgba(196,120,0,.07);--green: #107c10;--green-d: rgba(16,124,16,.08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-box{width:340px;background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:36px 32px;display:flex;flex-direction:column;gap:14px;box-shadow:0 8px 32px #0000002e,0 1px #ffffff0f inset}[data-theme=light] .login-box{box-shadow:0 8px 32px #0000001a}.login-box.shake{animation:shake .4s cubic-bezier(.36,.07,.19,.97)}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}.login-icon{color:var(--accent);display:flex;justify-content:center}.login-title{font-family:var(--mono);font-size:18px;font-weight:700;letter-spacing:.08em;text-align:center}.login-title-accent{color:var(--accent)}.login-sub{text-align:center;color:var(--text2);font-size:12px}.login-input{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--r-sm);padding:9px 12px;color:var(--text);font-family:var(--mono);font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s}.login-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-d)}.login-input.error{border-color:var(--sell)}.login-error{color:var(--sell);font-size:11px;text-align:center}.login-btn{background:var(--accent);color:#fff;border:none;border-radius:var(--r-sm);padding:10px;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:opacity .15s,transform .1s}[data-theme=light] .login-btn{color:#fff}.login-btn:hover{opacity:.9}.login-btn:active{transform:scale(.98)}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.header{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:12px;padding:0 16px;height:52px;background:color-mix(in srgb,var(--bg2) 85%,transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);flex-shrink:0}.header-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.header-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.logo{display:flex;align-items:center;gap:8px;flex-shrink:0}.logo-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.logo-text{font-family:var(--sans);font-size:14px;font-weight:600;letter-spacing:.01em;color:var(--text);white-space:nowrap}.logo-accent{color:var(--accent)}.ws-pill{display:flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;flex-shrink:0}.ws-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.ws-connected{background:var(--green-d);color:var(--green);border:1px solid rgba(108,203,108,.25)}.ws-connecting{background:var(--hot-d);color:var(--hot);border:1px solid rgba(255,208,64,.25);animation:pulse-badge 1s ease-in-out infinite}.ws-disconnected,.ws-error{background:var(--sell-d);color:var(--sell);border:1px solid rgba(241,112,122,.25)}[data-theme=light] .ws-connected{color:#107c10;border-color:#107c1040}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.5}}.header-stats{display:flex;align-items:center;gap:16px;flex:1;justify-content:center}.hstat{display:flex;align-items:center;gap:4px;color:var(--text2);font-size:12px}.hstat-num{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--text)}.hstat-lbl{font-size:12px}.hstat-alert,.hstat-alert .hstat-num{color:var(--hot)}.hstat-time{opacity:.5}.hstat-watch,.hstat-watch .hstat-num{color:var(--accent)}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r-sm);border:1px solid var(--border);background:transparent;color:var(--text2);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.icon-btn:hover{background:var(--bg4);color:var(--text);border-color:var(--border2)}.icon-btn.active{background:var(--accent-d);color:var(--accent);border-color:var(--accent-s)}.lang-toggle{display:flex;border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden}.lang-btn{padding:4px 10px;font-size:11px;font-weight:600;letter-spacing:.04em;background:transparent;border:none;color:var(--text3);cursor:pointer;transition:background .12s,color .12s}.lang-btn:hover{color:var(--text2);background:var(--bg4)}.lang-active{background:var(--accent)!important;color:#fff!important}[data-theme=light] .lang-active{color:#fff!important}.theme-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r-sm);border:1px solid var(--border);background:transparent;color:var(--text2);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.theme-toggle:hover{background:var(--bg4);color:var(--text);border-color:var(--border2)}.filter-panel{display:flex;align-items:flex-end;gap:12px;padding:8px 16px;background:var(--bg2);border-bottom:1px solid var(--border);flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:3px;min-width:110px}.filter-group label{font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.06em}.filter-group input,.filter-group select{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--r-sm);padding:5px 9px;color:var(--text);font-size:12px;font-family:var(--sans);outline:none;transition:border-color .15s,box-shadow .15s}.filter-group input:focus,.filter-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-d)}.search-wrap{position:relative;display:flex;align-items:center}.search-wrap svg{position:absolute;left:8px;color:var(--text3);pointer-events:none}.search-wrap input{padding-left:26px;width:180px}.reset-btn{padding:5px 14px;background:transparent;border:1px solid var(--border2);border-radius:var(--r-sm);color:var(--text2);font-size:12px;font-family:var(--sans);cursor:pointer;transition:all .15s;align-self:flex-end;white-space:nowrap}.reset-btn:hover{border-color:var(--sell);color:var(--sell)}.filter-speed{min-width:190px}.speed-wrap{display:flex;align-items:center;gap:8px}.speed-range{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;border-radius:2px;background:var(--border2);outline:none;cursor:pointer}.speed-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg3);transition:transform .1s}.speed-range::-webkit-slider-thumb:hover{transform:scale(1.2)}.speed-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg3)}.speed-val{font-family:var(--mono);font-size:11px;color:var(--accent);min-width:40px;text-align:right;white-space:nowrap}.table-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.table-container.has-overlay{padding-bottom:380px}.grid-table{flex:1;overflow:auto}.detail-overlay{position:fixed;bottom:0;left:0;right:0;z-index:200;max-height:380px;overflow-y:auto;border-top:2px solid var(--accent-s);box-shadow:0 -6px 24px #0000004d;background:var(--bg2);animation:slide-up .15s ease-out}[data-theme=light] .detail-overlay{box-shadow:0 -6px 24px #00000024}@keyframes slide-up{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.overlay-bottom{display:flex;flex-direction:column;gap:6px}.overlay-charts{display:grid;grid-template-columns:30% 35% 35%;gap:6px;align-items:stretch}@media (max-width: 700px){.overlay-charts{grid-template-columns:1fr}}.spark-compact .spark-full-svg{height:36px}.spark-compact .spark-full-wrap{padding:5px 6px;gap:2px}.spark-compact .spark-label{font-size:9px}.spark-compact .spark-full-labels{font-size:8px}.spark-fill{display:flex;align-self:stretch;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.spark-fill-svg{width:100%;height:100%;display:block;min-height:80px}.overlay-charts .ob-wrap{height:100%}.overlay-charts .ob-header{padding:4px 8px}.overlay-charts .ob-exchange{font-size:10px}.overlay-charts .ob-head-row{padding:3px 8px;font-size:8px}.overlay-charts .ob-data-row{padding:2px 8px;font-size:10px}.overlay-charts .ob-vol{font-size:9px}.expanded-header{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;background:var(--bg4);border-bottom:1px solid var(--border);gap:12px;position:sticky;top:0;z-index:10}.expanded-header-sym{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.expanded-sym-name{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--text);white-space:nowrap}.expanded-spread{font-family:var(--mono);font-size:13px;font-weight:700}.expanded-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:var(--r-sm);border:1px solid var(--border2);background:transparent;color:var(--text3);cursor:pointer;transition:all .13s}.expanded-close:hover{background:var(--sell-d);color:var(--sell);border-color:#f1707a4d}.grid-thead,.opp-row{display:grid;grid-template-columns:var(--grid-cols);align-items:center;min-width:fit-content}.grid-thead{position:sticky;top:0;z-index:20;background:var(--bg2);border-bottom:1px solid var(--border)}.thead-col{padding:8px 12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text3);white-space:nowrap;display:flex;align-items:center;gap:3px;-webkit-user-select:none;user-select:none}.thead-col.sortable{cursor:pointer}.thead-col.sortable:hover{color:var(--text2)}.thead-col.sorted{color:var(--accent)}.grid-tbody{min-width:fit-content}.row-wrap{border-bottom:1px solid var(--border)}.row-wrap:last-child{border-bottom:none}.row-hot{background:var(--hot-d)}.opp-row{cursor:pointer;transition:background .1s;min-height:44px}.opp-row:hover{background:var(--accent-d)}.opp-row.hot:hover{background:#ffd0401a}.opp-row.expanded{background:var(--bg3)}.opp-row.flash{animation:row-flash .7s ease-out}@keyframes row-flash{0%{background:var(--accent-s)}to{background:transparent}}.row-hot .opp-row.flash{animation:row-flash-hot .7s ease-out}@keyframes row-flash-hot{0%{background:#ffd04033}to{background:var(--hot-d)}}.col{padding:0 12px;display:flex;align-items:center;gap:5px;overflow:hidden}.col-symbol{gap:8px}.hot-dot{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--hot);animation:blink 1.2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.symbol-info{display:flex;flex-direction:column;gap:1px;min-width:0}.symbol-name{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.symbol-addr{font-family:var(--mono);font-size:10px;color:var(--text3)}.col-exchange{gap:5px}.ex-badge{padding:2px 7px;border-radius:4px;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.04em;white-space:nowrap;border:1px solid}.ex-buy{background:var(--buy-d);color:var(--buy);border-color:var(--buy-d)}.ex-sell{background:var(--sell-d);color:var(--sell);border-color:var(--sell-d)}.ex-arrow{color:var(--text3);font-size:11px}.col-price-buy,.col-price-sell{gap:5px}.price-lbl{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text3);flex-shrink:0}.price-val{font-family:var(--mono);font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price-buy{color:var(--buy)}.price-sell{color:var(--sell)}.col-spread{gap:3px}.spread-stack{display:flex;flex-direction:column;gap:1px}.spread-val{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--text2);white-space:nowrap}.spread-warm,.spread-hot{color:var(--hot)}.spread-up{color:var(--green);flex-shrink:0}.net-val{font-family:var(--mono);font-size:10px;font-weight:600}.net-pos{color:var(--green)}.net-neg{color:var(--sell)}.col-liq{justify-content:flex-end}.liq-val{font-family:var(--mono);font-size:11px;color:var(--text2);white-space:nowrap}.col-spark{justify-content:center}.spark-wrap{display:flex;align-items:center;gap:3px}.spark-svg{display:block;flex-shrink:0}.spark-trend{font-family:var(--mono);font-size:9px}.spark-empty{font-size:10px;color:var(--text3)}.col-age{flex-direction:column;gap:1px;align-items:flex-start}.age-upd{font-family:var(--mono);font-size:11px;color:var(--text3)}.age-life{display:flex;align-items:center;gap:2px;font-family:var(--mono);font-size:10px;color:var(--text3);opacity:.6}.col-watch{justify-content:center;cursor:pointer}.watch-on{color:var(--hot)}.watch-off{color:var(--text3);opacity:.35;transition:opacity .15s}.col-watch:hover .watch-off{opacity:.8;color:var(--text2)}.col-expand{justify-content:center;color:var(--text3);flex-shrink:0}.net-blocked{color:var(--sell);font-size:10px;cursor:help}.net-nofee{color:var(--text3);font-size:10px;cursor:help}.expanded-wrap{padding:8px 12px 10px;background:var(--bg2);display:flex;flex-direction:column;gap:8px}[data-theme=light] .expanded-wrap{background:color-mix(in srgb,var(--accent) 4%,var(--bg2))}.expanded-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between}.expanded-addr{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.addr-label{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0}.addr-val{font-family:var(--mono);font-size:11px;color:var(--accent);word-break:break-all}.copy-btn{display:flex;align-items:center;padding:3px 7px;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--r-sm);color:var(--text2);cursor:pointer;transition:all .13s;flex-shrink:0}.copy-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-d)}.expanded-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ext-link{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--r-sm);font-size:11px;font-weight:500;text-decoration:none;border:1px solid var(--border2);color:var(--text2);background:var(--bg3);transition:all .13s;white-space:nowrap}.ext-link:hover{color:var(--text);border-color:var(--border2);background:var(--bg4)}.ext-dex:hover{color:var(--accent);border-color:var(--accent-s);background:var(--accent-d)}.ext-okx:hover{color:var(--hot);border-color:#ffd0404d;background:var(--hot-d)}.ext-mexc:hover{color:var(--buy);border-color:var(--buy-d);background:var(--buy-d)}.ext-gate{background:#2563eb14;color:#5b8af5;border-color:#2563eb40}.ext-bitget{background:#0ea5e914;color:#38bdf8;border-color:#0ea5e940}[data-theme=light] .ext-gate{color:#2563eb}[data-theme=light] .ext-bitget{color:#0284c7}.expanded-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}@media (max-width: 900px){.expanded-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 500px){.expanded-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat-widget{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden}.widget-title{display:block;padding:4px 9px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text3);background:var(--bg4);border-bottom:1px solid var(--border)}.widget-rows{display:flex;flex-direction:column}.widget-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:4px 9px;border-bottom:1px solid var(--border)}.widget-row:last-child{border-bottom:none}.widget-label{font-size:10px;color:var(--text3);white-space:nowrap;flex-shrink:0}.widget-val{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--text);white-space:nowrap;text-align:right}.widget-muted{color:var(--text2)!important;font-weight:500!important}.transfer-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 14px;border-radius:var(--r);font-size:12px;border:1px solid}.transfer-ok{background:var(--green-d);border-color:#6ccb6c40;color:var(--green)}[data-theme=light] .transfer-ok{background:#107c100f;border-color:#107c1033}.transfer-blocked{background:var(--sell-d);border-color:#f1707a40;color:var(--sell)}.transfer-icon{font-size:14px;font-weight:700;flex-shrink:0}.transfer-status{font-weight:600;flex-shrink:0}.transfer-net{color:var(--text2);font-size:11px}.transfer-net b{color:var(--text);font-weight:600}.transfer-fee{color:var(--text2);font-family:var(--mono);font-size:11px}.transfer-fee-pct{color:var(--text3);font-size:10px;font-family:var(--mono)}.transfer-no-data{opacity:.6;font-style:italic}.transfer-reason{font-style:italic;opacity:.8}.spark-section{display:flex;flex-direction:column;gap:6px}.spark-label{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.06em}.spark-full-wrap{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);padding:8px;display:flex;flex-direction:column;gap:4px}.spark-full-svg{width:100%;height:52px;display:block}.spark-full-labels{display:flex;justify-content:space-between;font-family:var(--mono);font-size:9px;color:var(--text3)}.ob-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 700px){.ob-grid{grid-template-columns:1fr}}.ob-wrap{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.ob-header{display:flex;align-items:center;gap:7px;padding:7px 12px;background:var(--bg4);border-bottom:1px solid var(--border)}.ob-exchange{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--text)}.ob-badge{font-family:var(--mono);font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;letter-spacing:.05em;border:1px solid}.badge-buy{background:var(--buy-d);color:var(--buy);border-color:var(--buy-d)}.badge-sell{background:var(--sell-d);color:var(--sell);border-color:var(--sell-d)}.ob-vol{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--text3)}.ob-rows{display:flex;flex-direction:column}.ob-head-row{display:grid;grid-template-columns:1fr 1fr 1fr;padding:4px 12px;font-size:9px;color:var(--text3);text-transform:uppercase;letter-spacing:.05em}.ob-head-row span:last-child,.ob-head-row span:nth-child(2){text-align:right}.ob-data-row{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;padding:3px 12px;font-family:var(--mono);font-size:11px}.ob-data-row:hover{background:var(--accent-d)}.ob-bar-bg{position:absolute;left:0;top:0;bottom:0;opacity:.08;pointer-events:none}.bar-ask{background:var(--sell)}.bar-bid{background:var(--buy)}.ob-price{font-weight:700;position:relative;z-index:1}.price-ask{color:var(--sell)}.price-bid{color:var(--buy)}.ob-qty{text-align:right;color:var(--text2);position:relative;z-index:1}.ob-total{text-align:right;color:var(--text3);position:relative;z-index:1}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:80px 20px;color:var(--text3)}.empty-icon{opacity:.2}.empty-state p{font-size:14px}.empty-sub{font-size:12px;opacity:.6}@media (max-width: 1100px){.col-spark,.col-age{display:none}:root{--col-spark: 0px;--col-age: 0px;--grid-cols: var(--col-symbol) var(--col-exchange) var(--col-buy) var(--col-sell) var(--col-spread) var(--col-liq) var(--col-watch) var(--col-expand)}}@media (max-width: 820px){.col-liq{display:none}:root{--col-liq: 0px;--grid-cols: var(--col-symbol) var(--col-exchange) var(--col-buy) var(--col-sell) var(--col-spread) var(--col-watch) var(--col-expand)}}@media (max-width: 620px){.col-price-sell{display:none}:root{--col-sell: 0px;--grid-cols: var(--col-symbol) var(--col-exchange) var(--col-buy) var(--col-spread) var(--col-watch) var(--col-expand)}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.auth-box{width:380px;background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:32px 28px;display:flex;flex-direction:column;gap:20px;box-shadow:0 8px 32px #0003}[data-theme=light] .auth-box{box-shadow:0 4px 20px #0000001a}.auth-logo{display:flex;align-items:center;justify-content:center;gap:8px}.auth-logo-dot{width:10px;height:10px;border-radius:50%;background:var(--accent)}.auth-logo-text{font-family:var(--sans);font-size:20px;font-weight:700;color:var(--text);letter-spacing:.01em}.auth-logo-accent{color:var(--accent)}.auth-tabs{display:flex;border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden}.auth-tab{flex:1;padding:8px;font-size:13px;font-weight:500;font-family:var(--sans);background:transparent;border:none;color:var(--text3);cursor:pointer;transition:background .12s,color .12s}.auth-tab:hover{background:var(--bg4);color:var(--text2)}.auth-tab.active{background:var(--accent);color:#fff;font-weight:600}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-field{display:flex;flex-direction:column;gap:4px}.auth-label{font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.06em}.auth-input{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--r-sm);padding:9px 12px;color:var(--text);font-family:var(--sans);font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-d)}.auth-input.error{border-color:var(--sell);box-shadow:0 0 0 3px var(--sell-d)}.auth-input:disabled{opacity:.5;cursor:not-allowed}.auth-error{font-size:12px;color:var(--sell);padding:6px 10px;background:var(--sell-d);border-radius:var(--r-sm);border:1px solid rgba(241,112,122,.2)}.auth-bonus{font-size:12px;color:var(--text2);padding:8px 10px;background:var(--accent-d);border-radius:var(--r-sm);border:1px solid var(--accent-s)}.auth-bonus strong{color:var(--accent)}.auth-btn{padding:10px;background:var(--accent);color:#fff;border:none;border-radius:var(--r-sm);font-family:var(--sans);font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s;text-align:center}.auth-btn:hover:not(:disabled){opacity:.88}.auth-btn:active:not(:disabled){transform:scale(.98)}.auth-btn:disabled{opacity:.4;cursor:not-allowed}.auth-btn-outline{background:transparent;border:1px solid var(--border2);color:var(--text2)}.auth-btn-outline:hover:not(:disabled){background:var(--bg4);opacity:1;color:var(--text)}.auth-btn-danger{background:var(--sell-d);color:var(--sell);border:1px solid rgba(241,112,122,.3)}.auth-btn-danger:hover:not(:disabled){background:var(--sell);color:#fff;opacity:1}.auth-soon{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--bg4);color:var(--text3);padding:1px 5px;border-radius:3px;margin-left:6px;vertical-align:middle}.auth-noaccess{text-align:center;display:flex;flex-direction:column;gap:8px}.auth-noaccess-icon{font-size:32px;opacity:.7}.auth-noaccess h3{font-size:16px;font-weight:600;color:var(--text)}.auth-noaccess p{font-size:13px;color:var(--text2)}.auth-noaccess strong{color:var(--sell)}.auth-noaccess code{font-family:var(--mono);font-size:11px;background:var(--bg2);padding:1px 5px;border-radius:3px}.auth-noaccess-sub{font-size:11px;color:var(--text3)}.auth-cabinet-actions{display:flex;flex-direction:column;gap:8px}.cabinet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300}.cabinet-panel{position:absolute;top:56px;right:12px;width:280px;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--r);box-shadow:0 8px 32px #00000040;overflow:hidden;animation:cabinet-drop .14s ease-out}[data-theme=light] .cabinet-panel{box-shadow:0 4px 20px #0000001f}@keyframes cabinet-drop{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}.cabinet-header{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg4);border-bottom:1px solid var(--border)}.cabinet-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-d);border:2px solid var(--accent-s);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--accent);flex-shrink:0}.cabinet-email{font-size:12px;font-weight:600;color:var(--text);word-break:break-all}.cabinet-tokens{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text2);margin-top:2px}.cabinet-tokens-dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0}.cabinet-actions{display:flex;flex-direction:column;padding:6px;gap:2px}.cabinet-action{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r-sm);border:none;background:transparent;color:var(--text2);font-size:13px;font-family:var(--sans);cursor:pointer;transition:background .12s,color .12s;text-align:left}.cabinet-action:not(:disabled):hover{background:var(--bg4);color:var(--text)}.cabinet-action:disabled{opacity:.5;cursor:not-allowed}.cabinet-action span:first-of-type{flex:1}.cabinet-footer{padding:8px;border-top:1px solid var(--border)}.cabinet-logout{width:100%;padding:8px;background:transparent;border:1px solid var(--border2);border-radius:var(--r-sm);color:var(--text2);font-size:12px;font-family:var(--sans);cursor:pointer;transition:all .12s}.cabinet-logout:hover{background:var(--sell-d);color:var(--sell);border-color:#f1707a4d}.user-btn{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 6px;border-radius:var(--r-sm);border:1px solid var(--border);background:transparent;color:var(--text2);font-size:12px;font-family:var(--sans);cursor:pointer;transition:all .12s}.user-btn:hover{background:var(--bg4);color:var(--text);border-color:var(--border2)}.user-btn-avatar{width:22px;height:22px;border-radius:50%;background:var(--accent-d);border:1px solid var(--accent-s);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--accent);flex-shrink:0}.user-btn-tokens{font-family:var(--mono);font-size:10px;color:var(--accent);font-weight:700}