:root{--glow-strong:0 0 20px rgba(var(--accent-rgb),0.6)}.home-container{background:#0000;min-height:100vh;overflow-x:hidden;position:relative;width:100%;z-index:1}.home-container.animated{opacity:1}.particles-background{background:radial-gradient(circle at center,#1a1f2e 0,#0b0e14 100%);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:-1}.app-footer{background:var(--bg-surface)!important;position:relative;z-index:1}.section-heading{color:#fff;font-size:2.2rem;font-weight:700;margin-bottom:40px;opacity:0;text-align:center;text-shadow:0 2px 10px #00000080;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.home-container.animated .section-heading{opacity:1;transform:translateY(0)}.hero-section{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;padding:40px 20px;position:relative;text-align:center;z-index:1}.hero-logo-img{filter:drop-shadow(0 0 15px rgba(0,136,204,.4));height:auto;margin-bottom:20px;max-width:80%;opacity:0;transform:scale(.8);transition:opacity .8s cubic-bezier(.175,.885,.32,1.275),transform .8s cubic-bezier(.175,.885,.32,1.275);width:400px}.home-container.animated .hero-logo-img{opacity:1;transform:scale(1)}.hero-slogan{color:#a0aec0;font-size:1.5rem;font-weight:400;letter-spacing:1px;margin-bottom:40px;opacity:0;transition:opacity 1s ease .3s}.home-container.animated .hero-slogan{opacity:1}.hero-cta{display:flex;gap:20px}.cta-button{border:1px solid #0000;border-radius:30px;font-size:1.1rem;font-weight:600;opacity:0;overflow:hidden;padding:14px 36px;position:relative;text-decoration:none;transform:translateY(10px);transition:all .3s ease}.cta-button.primary{background:linear-gradient(135deg,var(--accent) 0,#069 100%);box-shadow:0 4px 15px #0088cc4d;color:#fff}.cta-button.primary:hover{box-shadow:0 6px 20px #0088cc80;transform:translateY(-2px)}.cta-button.secondary{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border-color:#fff3;color:#fff}.cta-button.secondary:hover{background:#ffffff26;border-color:#fff}.home-container.animated .cta-button:first-child{opacity:1;transform:translateY(0);transition-delay:.6s}.home-container.animated .cta-button:nth-child(2){opacity:1;transform:translateY(0);transition-delay:.7s}.features-section,.get-started-section,.marquee-section{margin:0 auto;max-width:1200px;opacity:0;padding:60px 20px;position:relative;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease;z-index:1}.home-container.animated .marquee-section{opacity:1;transform:translateY(0);transition-delay:.2s}.home-container.animated .get-started-section{opacity:1;transform:translateY(0);transition-delay:.4s}.home-container.animated .features-section{opacity:1;transform:translateY(0);transition-delay:.6s}.marquee-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d1117b3;border-bottom:1px solid #ffffff0d;border-top:1px solid #ffffff0d;margin-bottom:60px;max-width:100%;padding:25px 0}.marquee-container{overflow:hidden;position:relative;white-space:nowrap;width:100%}.marquee-container:before{background:linear-gradient(90deg,#0b0e14 0,#0000);left:0}.marquee-container:after,.marquee-container:before{bottom:0;content:"";position:absolute;top:0;width:100px;z-index:2}.marquee-container:after{background:linear-gradient(270deg,#0b0e14 0,#0000);right:0}.marquee-content{animation:marquee 60s linear infinite;display:inline-block;white-space:nowrap;will-change:transform}.marquee-item{align-items:center;border-right:1px solid #ffffff0d;display:inline-flex;font-size:1rem;gap:12px;padding:0 30px}.marquee-icon{border-radius:50%;height:28px;width:28px}.marquee-symbol{color:#fff;font-weight:700}.marquee-price{color:#ccc;font-weight:500}.marquee-change{border-radius:4px;font-size:.9em;font-weight:600;padding:2px 6px}.marquee-change.positive{background:#00ff881a;color:#0f8}.marquee-change.negative{background:#ff4d4d1a;color:#ff4d4d}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.get-started-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(3,1fr)}.features-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card,.step-card{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e232d66;border:1px solid #ffffff14;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;padding:35px 25px;position:relative;text-align:center;transition:all .4s ease}.feature-card:hover,.step-card:hover{background:#282d3c99;border-color:rgba(var(--accent-rgb),.3);box-shadow:0 10px 30px -10px #00000080;transform:translateY(-8px)}.feature-icon,.step-icon{align-items:center;background:rgba(var(--accent-rgb),.15);border-radius:50%;color:var(--accent);display:flex;height:70px;justify-content:center;margin-bottom:20px;transition:transform .3s ease;width:70px}.feature-card:hover .feature-icon,.step-card:hover .step-icon{background:rgba(var(--accent-rgb),.25);box-shadow:0 0 20px rgba(var(--accent-rgb),.4);transform:scale(1.1) rotate(5deg)}.feature-card h3,.step-card h3{color:#fff;font-size:1.3rem;font-weight:700;margin:0 0 12px}.feature-card p,.step-card p{color:#a0aec0;font-size:.95rem;line-height:1.6}@media (max-width:768px){.hero-logo-img{width:280px}.hero-slogan{font-size:1.2rem}.hero-cta{flex-direction:column;max-width:300px;width:100%}.cta-button{text-align:center;width:100%}.get-started-grid{gap:8px;grid-template-columns:repeat(3,1fr)}.step-card{border-radius:12px;padding:15px 5px}.step-icon{height:40px;margin-bottom:10px;width:40px}.step-icon svg{height:20px;width:20px}.step-card h3{font-size:.8rem;margin-bottom:4px}.step-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.65rem;line-height:1.2;overflow:hidden}.features-grid{grid-template-columns:1fr}}body.light .home-container{--bg-main:#f8f9fa;--bg-surface:#fff;--bg-hover:#e9ecef;--text-primary:#212529;--text-secondary:#6c757d;--accent:#08c;--accent-light:#0af;--accent-hover:#0069d9;--success:#28a745;--danger:#dc3545;--warning:#ffc107;--radius:8px;--border-color:#dee2e6;--shadow-soft:0 1px 3px #0000001f;--shadow-glow:0 0 5px #0000001a;--glow-strong:0 0 20px #08c3}body.light .particles-background{background:radial-gradient(circle at center,#f8f9fa 0,#e9ecef 100%)}body.light .section-heading{color:#212529;text-shadow:0 2px 10px #0000001a}body.light .hero-logo-img{filter:drop-shadow(0 0 15px rgba(0,136,204,.2))}body.light .hero-slogan{color:#6c757d}body.light .cta-button.primary{box-shadow:0 4px 15px #0088cc1a}body.light .cta-button.primary:hover{box-shadow:0 6px 20px #08c3}body.light .cta-button.secondary{background:#0000000d;border-color:#0000001a;color:#212529}body.light .cta-button.secondary:hover{background:#0000001a;border-color:#000}body.light .marquee-section{background:#f8f9fab3;border-bottom:1px solid #0000000d;border-top:1px solid #0000000d}body.light .marquee-container:before{background:linear-gradient(90deg,#f8f9fa 0,#0000)}body.light .marquee-container:after{background:linear-gradient(270deg,#f8f9fa 0,#0000)}body.light .marquee-symbol{color:#212529}body.light .marquee-price{color:#6c757d}body.light .feature-card,body.light .step-card{background:#fffc;border:1px solid #0000000d}body.light .feature-card:hover,body.light .step-card:hover{background:#fff;border-color:#0088cc1a;box-shadow:0 10px 30px -10px #0000001a}body.light .feature-icon,body.light .step-icon{background:#0088cc0d}body.light .feature-card h3,body.light .step-card h3{color:#212529}body.light .feature-card p,body.light .step-card p{color:#6c757d}.spot-container{background:#0a0e13;background:var(--bg-main);color:#d7dde4;color:var(--text-primary);display:flex;flex-direction:column;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100vh;margin:0;overflow:hidden;padding-top:54px!important;position:relative;width:100vw}.spot-main-header{background:#12161c;background:var(--bg-surface);height:60px;height:var(--header-h);padding:0 16px;top:0;z-index:101}.spot-header,.spot-main-header{align-items:center;border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border);box-shadow:0 2px 12px #0000004d;box-shadow:var(--shadow);display:flex;left:0;margin:0;position:fixed;right:0}.spot-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#161b22;background:var(--bg-card);height:48px;height:var(--subheader-h);justify-content:space-between;padding:0 12px;top:60px;top:var(--header-h);width:100%;z-index:100}.spot-header-left{align-items:center;display:flex;flex:0 0 auto;gap:8px;position:relative}.spot-selected-pair{align-items:center;background:#0000;border:1px solid #0000;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;max-width:180px;overflow:hidden;padding:6px 12px;text-overflow:ellipsis;transition:all .2s ease-out;transition:var(--transition);white-space:nowrap}.spot-selected-pair:hover{background:#1e242e;background:var(--bg-hover);border-color:#ffffff1a;border-color:var(--border-light)}.spot-pair-avatar{border-radius:50%;height:22px;width:22px}.spot-chevron-icon{color:#8a96a3;color:var(--text-secondary);font-size:10px;transition:transform .2s ease}.spot-chevron-icon.open{color:#007bff;color:var(--accent);transform:rotate(180deg)}.spot-header-center{align-items:center;display:flex;flex:1 1;justify-content:center}.spot-header-right{flex:0 0 auto}.spot-header-right,.spot-stats-compact{display:flex;gap:10px}.spot-stats-compact>div{display:flex;flex-direction:column;gap:2px}.spot-label{color:#5a6573;color:var(--text-dim);font-size:8px;font-weight:500;letter-spacing:.6px;text-transform:uppercase}.spot-stats-compact span:last-child{color:#d7dde4;color:var(--text-primary);font-size:11px;font-weight:600;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spot-search-dropdown{animation:slideDown .2s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#161b22;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius);box-shadow:0 4px 20px #0006;box-shadow:var(--shadow-lg);left:0;max-height:55vh;overflow-y:auto;position:absolute;top:calc(100% + 4px);width:380px;z-index:200}.spot-search-input-wrapper{align-items:center;background:#161b22;background:var(--bg-card);border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border);display:flex;gap:6px;padding:10px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.spot-search-input-wrapper svg{color:#007bff;color:var(--accent);font-size:13px}.spot-search-input-wrapper input{background:#1e242e;background:var(--bg-hover);border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#d7dde4;color:var(--text-primary);flex:1 1;font-size:12px;padding:7px 10px;transition:all .2s ease-out;transition:var(--transition)}.spot-search-input-wrapper input:focus{border-color:#007bff;border-color:var(--accent);box-shadow:0 0 0 2px #007bff40;box-shadow:0 0 0 2px var(--accent-glow);outline:none}.spot-search-input-wrapper input::placeholder{color:#5a6573;color:var(--text-dim)}.spot-pairs-grid{padding:4px}.spot-grid-header,.spot-grid-row{grid-gap:6px;align-items:center;display:grid;font-size:10px;gap:6px;grid-template-columns:2fr 1fr 1fr 1fr;padding:6px 8px}.spot-grid-header{background:#161b22;background:var(--bg-card);border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border);color:#5a6573;color:var(--text-dim);font-weight:500;letter-spacing:.4px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:48px;z-index:1}.spot-grid-row{border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;font-weight:400;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease-out;transition:var(--transition);white-space:nowrap}.spot-grid-row:hover{background:#1e242e;background:var(--bg-hover);box-shadow:0 1px 6px #007bff1a}.spot-pair-info{align-items:center;display:flex;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spot-pair-info img{border-radius:50%;height:18px;width:18px}.spot-main-layout{grid-gap:0;background:#0000;border-top:none;display:grid;gap:0;grid-template-columns:1fr 260px 300px;grid-template-rows:1fr auto;margin:0;min-height:calc(100vh - 108px);min-height:calc(100vh - var(--header-h) - var(--subheader-h));overflow:hidden;padding:0;width:100%}.spot-chart-panel{grid-column:1;min-height:60vh;overflow:hidden;position:relative}.spot-chart-panel,.spot-orderbook-section{background:#12161c;background:var(--bg-surface);border-right:1px solid #ffffff0d;border-right:1px solid var(--border);grid-row:1;height:100%;width:100%}.spot-orderbook-section{grid-column:2;max-height:100%;overflow-y:auto;padding:0}.spot-trading-panel{background:#12161c;background:var(--bg-surface);grid-column:3;grid-row:1;height:100%;max-height:100%;overflow-y:auto;padding:8px 12px;width:100%}.spot-trading-panel::-webkit-scrollbar{width:3px}.spot-trading-panel::-webkit-scrollbar-thumb{background:#1e242e;background:var(--bg-hover);border-radius:2px}.spot-bottom-tabs-section{background:#12161c;background:var(--bg-surface);border-top:1px solid #ffffff0d;border-top:1px solid var(--border);bottom:0;display:flex;flex-direction:column;grid-column:1/-1;grid-row:2;height:auto;margin:0;min-height:30vh;overflow:hidden;padding:0;position:-webkit-sticky;position:sticky;width:100%;z-index:50}.spot-orders-tabs{background:#161b22;background:var(--bg-card);border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;overflow-x:auto;padding:0 8px}.spot-orders-tabs::-webkit-scrollbar{height:2px}.spot-orders-tabs::-webkit-scrollbar-thumb{background:#007bff;background:var(--accent);border-radius:1px}.spot-orders-tabs button{background:#0000;border:none;border-bottom:2px solid #0000;color:#8a96a3;color:var(--text-secondary);cursor:pointer;font-size:11px;font-weight:500;padding:6px 12px;position:relative;transition:all .2s ease-out;transition:var(--transition);white-space:nowrap}.spot-orders-tabs button.active{border-bottom-color:#007bff;border-bottom-color:var(--accent);color:#007bff;color:var(--accent)}.spot-orders-tabs button:hover:not(.active){color:#d7dde4;color:var(--text-primary)}.spot-tab-content{background:#12161c;background:var(--bg-surface);display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:6px 8px;width:100%}.spot-tab-content::-webkit-scrollbar{width:3px}.spot-tab-content::-webkit-scrollbar-thumb{background:#1e242e;background:var(--bg-hover);border-radius:2px}.spot-long-short-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.spot-long-short-buttons button{border:none;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;flex:1 1;font-size:13px;font-weight:600;letter-spacing:.6px;min-width:80px;padding:8px;position:relative;text-transform:uppercase;transition:all .2s ease-out;transition:var(--transition)}.spot-long-short-buttons button:hover{filter:brightness(1.1)}.spot-slider-container{margin-bottom:8px}.spot-leverage-slider{-webkit-appearance:none;background:linear-gradient(90deg,#1e242e,#007bff);background:linear-gradient(90deg,var(--bg-hover),var(--accent));border-radius:2px;cursor:pointer;height:3px;margin-bottom:6px;outline:none;width:100%}.spot-leverage-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#007bff;background:var(--accent);border-radius:50%;box-shadow:0 2px 8px #007bff40;box-shadow:0 2px 8px var(--accent-glow);cursor:grab;height:14px;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;-webkit-transition:var(--transition);transition:var(--transition);width:14px}.spot-leverage-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.spot-slider-labels{color:#5a6573;color:var(--text-dim);display:flex;font-size:9px;font-weight:500;justify-content:space-between}.spot-order-types{display:flex;gap:4px;margin-bottom:8px}.spot-order-types button{background:#1e242e;background:var(--bg-hover);border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#8a96a3;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:9px;font-weight:600;letter-spacing:.4px;padding:6px;text-transform:uppercase;transition:all .2s ease-out;transition:var(--transition)}.spot-order-types button.active{background:#007bff;background:var(--accent);border-color:#007bff;border-color:var(--accent);color:#fff}.spot-order-types button:hover:not(.active){border-color:#007bff;border-color:var(--accent);color:#007bff;color:var(--accent)}.spot-order-inputs{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.spot-order-inputs input{background:#1e242e;background:var(--bg-hover);border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#d7dde4;color:var(--text-primary);font-size:12px;font-weight:500;padding:8px 10px;transition:all .2s ease-out;transition:var(--transition);width:100%}.spot-order-inputs input:focus{border-color:#007bff;border-color:var(--accent);outline:none}.spot-info-grid{background:#1e242e;background:var(--bg-hover);border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:4px;margin-bottom:8px;padding:6px}.spot-info-item{align-items:center;color:#8a96a3;color:var(--text-secondary);display:flex;font-size:10px;font-weight:500;gap:6px;padding:2px 0}.spot-info-icon{color:#007bff;color:var(--accent);flex-shrink:0;font-size:11px;width:14px}.spot-info-label{color:#5a6573;color:var(--text-dim);flex:1 1;font-weight:500;letter-spacing:.2px;text-transform:uppercase}.spot-info-value{color:#d7dde4;color:var(--text-primary);font-weight:600;min-width:70px;text-align:right}.spot-place-order-btn{border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.6px;margin-top:8px;padding:10px;position:relative;text-transform:uppercase;transition:all .2s ease-out;transition:var(--transition);width:100%}.spot-place-order-btn:hover:not(:disabled){filter:brightness(1.1)}.spot-place-order-btn:disabled{cursor:not-allowed;opacity:.5}.spot-orderbook-tabs{background:#161b22;background:var(--bg-card);border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;padding:0 8px}.spot-orderbook-tabs button{background:#0000;border:none;border-bottom:2px solid #0000;color:#8a96a3;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:11px;font-weight:500;padding:6px 10px;transition:all .2s ease-out;transition:var(--transition)}.spot-orderbook-tabs button.active{border-bottom-color:#007bff;border-bottom-color:var(--accent);color:#007bff;color:var(--accent)}.spot-orderbook-tabs button:hover:not(.active){color:#d7dde4;color:var(--text-primary)}.spot-orderbook-panel,.spot-trades-panel{height:100%;overflow-y:auto;padding:6px 0;width:100%}.spot-depth-percent{background:#1e242e;background:var(--bg-hover);border-radius:4px;border-radius:var(--radius-sm);display:flex;font-size:9px;font-weight:500;justify-content:space-between;margin-bottom:6px;padding:3px 8px}.spot-ob-grid-header{background:#12161c;background:var(--bg-surface);border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border);color:#5a6573;color:var(--text-dim);font-size:8px;font-weight:500;letter-spacing:.4px;padding:3px 8px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:30px;z-index:10}.spot-ob-grid-header,.spot-ob-row{grid-gap:4px;display:grid;gap:4px;grid-template-columns:1fr 1fr 1fr}.spot-ob-row{cursor:pointer;font-size:10px;font-weight:400;padding:1px 8px;position:relative;transition:all .2s ease-out;transition:var(--transition)}.spot-ob-row:before{content:"";height:100%;left:0;opacity:.12;position:absolute;top:0;transition:width .2s ease;z-index:1}.spot-ob-section.bids .spot-ob-row:before{background:#28a745;background:var(--green);left:auto;right:0}.spot-ob-section.asks .spot-ob-row:before{background:#dc3545;background:var(--red);left:0;right:auto}.spot-ob-row>span{position:relative;z-index:2}.spot-ob-row:hover{background:#1e242e;background:var(--bg-hover)}.spot-ob-row.new-trade-bid{animation:orderbook-pulse-green .4s ease-out 1}.spot-ob-row.new-trade-ask{animation:orderbook-pulse-red .4s ease-out 1}.spot-spread-info{background:#1e242e;background:var(--bg-hover);border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;margin:3px 0;padding:6px;text-align:center}.spot-spread-info span{color:#8a96a3;color:var(--text-secondary);font-size:9px;font-weight:400}.spot-depth-bar{border-radius:1px;box-shadow:0 1px 4px #0003;display:flex;height:2px;margin:3px 0 6px;overflow:hidden}.spot-bid-depth{background:#28a745;background:var(--green);transition:width .3s ease}.spot-ask-depth{background:#dc3545;background:var(--red);transition:width .3s ease}.spot-history-panel h3,.spot-orders-panel h3,.spot-trades-panel h3{color:#5a6573;color:var(--text-dim);font-size:11px;font-weight:600;letter-spacing:.6px;margin-bottom:6px;text-transform:uppercase}.spot-trade-grid-header{border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border);color:#5a6573;color:var(--text-dim);font-size:8px;font-weight:500;letter-spacing:.4px;text-transform:uppercase}.spot-trade-grid-header,.spot-trade-row{grid-gap:4px;display:grid;gap:4px;grid-template-columns:1fr 1fr 1fr;padding:4px 8px}.spot-trade-row{border-radius:4px;border-radius:var(--radius-sm);font-size:10px;font-weight:400;transition:all .2s ease-out;transition:var(--transition)}.spot-trade-row:hover{background:#1e242e;background:var(--bg-hover)}.spot-history-table-header,.spot-table-header{background:#12161c;background:var(--bg-surface);color:#5a6573;color:var(--text-dim);font-size:8px;font-weight:500;letter-spacing:.4px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.spot-history-row,.spot-history-table-header,.spot-table-header,.spot-table-row{grid-gap:6px;border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border);display:grid;gap:6px;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));padding:6px 8px}.spot-history-row,.spot-table-row{cursor:pointer;font-size:10px;font-weight:400;transition:all .2s ease-out;transition:var(--transition)}.spot-history-row:hover,.spot-table-row:hover{background:#1e242e;background:var(--bg-hover)}.spot-progress-bar{background:#28a745;background:var(--green);border-radius:1px;height:2px}.spot-cancel-btn{background:#dc3545;background:var(--red);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:9px;font-weight:600;padding:3px 8px;text-transform:uppercase;transition:all .2s ease-out;transition:var(--transition)}.spot-cancel-btn:hover{background:#c82333;background:var(--red-dark)}.toasts-container{gap:8px;right:15px;top:123px;top:calc(var(--header-h) + var(--subheader-h) + 15px)}.toast{animation:slideIn .2s ease;border-radius:6px;box-shadow:0 2px 12px #0000004d;box-shadow:var(--shadow);font-size:13px;font-weight:500;min-width:280px;padding:12px 16px}.toast-success{background:#28a745;background:var(--green)}.toast-error{background:#dc3545;background:var(--red)}.spot-confirm-modal-overlay{align-items:center;animation:fadeIn .2s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.spot-confirm-modal{animation:slideDown .2s;background:#12161c;background:var(--bg-surface);border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius);box-shadow:0 4px 20px #0006;box-shadow:var(--shadow-lg);max-width:360px;padding:12px;text-align:center;width:85%}.spot-confirm-icon{color:#007bff;color:var(--accent);font-size:32px;margin-bottom:6px}.spot-confirm-modal p{color:#d7dde4;color:var(--text-primary);font-size:12px;line-height:1.4;margin-bottom:10px}.spot-confirm-buttons{display:flex;gap:6px}.spot-confirm-btn{border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;flex:1 1;font-size:11px;font-weight:600;padding:6px;text-transform:uppercase;transition:all .2s ease-out;transition:var(--transition)}.spot-confirm-btn.yes{background:#28a745;background:var(--green)}.spot-confirm-btn.no{background:#dc3545;background:var(--red)}.spot-confirm-btn:hover{filter:brightness(1.1)}.spot-error{align-items:center;color:#dc3545;color:var(--red);display:flex;font-weight:500;height:100%;justify-content:center}.spot-empty-state,.spot-error{font-size:13px;padding:12px;text-align:center}.spot-empty-state{color:#5a6573;color:var(--text-dim)}@media (max-width:1024px){.spot-main-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;margin:0;overflow-y:auto}.spot-chart-panel{min-height:45vh}.spot-orderbook-section,.spot-trading-panel{height:auto}.spot-bottom-tabs-section{min-height:25vh}.spot-header{flex-wrap:wrap;gap:6px;height:auto;padding:6px 10px}.spot-header-center,.spot-header-left,.spot-header-right{justify-content:center;width:100%}.spot-stats-compact{flex-wrap:wrap}.price-display{font-size:16px}.spot-search-dropdown{width:calc(100vw - 20px)}}@media (max-width:1400px){.spot-main-layout{grid-template-columns:1fr 240px 280px}}.spot-tradingview-widget-container{overflow:hidden}body.light .spot-container{--bg-main:#f8f9fa;--bg-surface:#fff;--bg-hover:#e9ecef;--bg-card:#f8f9fa;--text-primary:#212529;--text-secondary:#6c757d;--text-dim:#adb5bd;--accent:#007bff;--accent-hover:#0069d9;--accent-glow:#007bff1a;--green:#28a745;--green-dark:#1e7e34;--red:#dc3545;--red-dark:#bd2130;--border:#0000001a;--border-light:#00000026;--shadow:0 2px 12px #0000000d;--shadow-lg:0 4px 20px #0000001a;--glow-accent:0 0 12px #007bff1a}body.light .spot-main-header{background:#fff;border-bottom-color:#dee2e6}body.light .spot-header{background:#f8f9fa;border-bottom-color:#dee2e6}body.light .spot-selected-pair:hover{background:#e9ecef;border-color:#dee2e6}body.light .spot-chevron-icon{color:#6c757d}body.light .spot-search-dropdown{background:#f8f9fa;border-color:#dee2e6}body.light .spot-search-input-wrapper input{background:#e9ecef;border-color:#dee2e6}body.light .spot-grid-header{background:#f8f9fa;border-bottom-color:#dee2e6;color:#adb5bd}body.light .spot-grid-row:hover{background:#e9ecef}body.light .spot-main-layout{background:#0000}body.light .spot-chart-panel,body.light .spot-orderbook-section{background:#fff;border-right-color:#dee2e6}body.light .spot-trading-panel{background:#fff}body.light .spot-bottom-tabs-section{background:#fff;border-top-color:#dee2e6}body.light .spot-orders-tabs{background:#f8f9fa;border-bottom-color:#dee2e6}body.light .spot-tab-content{background:#fff}body.light .spot-long-short-buttons button:hover{filter:brightness(.9)}body.light .spot-leverage-slider{background:linear-gradient(90deg,#e9ecef,#007bff)}body.light .spot-leverage-slider::-webkit-slider-thumb{box-shadow:0 2px 8px #007bff1a}body.light .spot-slider-labels{color:#adb5bd}body.light .spot-order-types button{background:#e9ecef;border-color:#dee2e6;color:#6c757d}body.light .spot-order-types button.active{background:#007bff;border-color:#007bff}body.light .spot-order-inputs input{color:#212529}body.light .spot-info-grid,body.light .spot-order-inputs input{background:#e9ecef;border-color:#dee2e6}body.light .spot-info-item{color:#6c757d}body.light .spot-info-icon{color:#007bff}body.light .spot-info-label{color:#adb5bd}body.light .spot-info-value{color:#212529}body.light .spot-place-order-btn:hover:not(:disabled){filter:brightness(.9)}body.light .spot-orderbook-tabs{background:#f8f9fa;border-bottom-color:#dee2e6}body.light .spot-depth-percent{background:#e9ecef}body.light .spot-ob-grid-header{background:#fff;border-bottom-color:#dee2e6;color:#adb5bd}body.light .spot-ob-row:hover{background:#e9ecef}body.light .spot-spread-info{background:#e9ecef;border-color:#dee2e6}body.light .spot-spread-info span{color:#6c757d}body.light .spot-depth-bar{box-shadow:0 1px 4px #0000000d}body.light .spot-trade-grid-header{border-bottom-color:#dee2e6;color:#adb5bd}body.light .spot-trade-row:hover{background:#e9ecef}body.light .spot-history-table-header,body.light .spot-table-header{background:#fff;border-bottom-color:#dee2e6;color:#adb5bd}body.light .spot-history-row,body.light .spot-table-row{border-bottom-color:#dee2e6}body.light .spot-history-row:hover,body.light .spot-table-row:hover{background:#e9ecef}body.light .spot-cancel-btn{background:#dc3545}body.light .spot-confirm-modal-overlay{background:#00000080}body.light .spot-confirm-modal{background:#fff;border-color:#dee2e6}body.light .spot-confirm-btn.yes{background:#28a745}body.light .spot-confirm-btn.no{background:#dc3545}body.light .spot-error{color:#dc3545}body.light .spot-empty-state{color:#adb5bd}:root{--bg-main:#0a0e13;--bg-surface:#12161c;--bg-hover:#1e242e;--bg-card:#161b22;--text-primary:#d7dde4;--text-secondary:#8a96a3;--text-dim:#5a6573;--accent:#007bff;--accent-hover:#339cff;--accent-glow:#007bff40;--green:#28a745;--green-dark:#218838;--red:#dc3545;--red-dark:#c82333;--border:#ffffff0d;--border-light:#ffffff1a;--radius:6px;--radius-sm:4px;--transition:all 0.2s ease-out;--shadow:0 2px 12px #0000004d;--shadow-lg:0 4px 20px #0006;--glow-accent:0 0 12px var(--accent-glow);--header-h:60px;--subheader-h:48px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes orderbook-pulse-green{0%{background-color:#28a74540}to{background-color:initial}}@keyframes orderbook-pulse-red{0%{background-color:#dc354540}to{background-color:initial}}.perp-container{background:#0a0e13;background:var(--bg-main);color:#d7dde4;color:var(--text-primary);display:flex;flex-direction:column;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding-top:54px!important;position:relative;width:100vw}.perp-main-header{background:#12161c;background:var(--bg-surface);height:60px;height:var(--header-h);padding:0 16px;top:0;z-index:101}.perp-header,.perp-main-header{align-items:center;border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border);box-shadow:0 2px 12px #0000004d;box-shadow:var(--shadow);display:flex;left:0;margin:0;position:fixed;right:0}.perp-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#161b22;background:var(--bg-card);height:48px;height:var(--subheader-h);justify-content:space-between;padding:0 12px;top:60px;top:var(--header-h);width:100%;z-index:100}.perp-header-left{align-items:center;display:flex;flex:0 0 auto;gap:8px;position:relative}.perp-selected-pair{align-items:center;background:#0000;border:1px solid #0000;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;max-width:180px;overflow:hidden;padding:6px 12px;text-overflow:ellipsis;transition:all .2s ease-out;transition:var(--transition);white-space:nowrap}.perp-selected-pair:hover{background:#1e242e;background:var(--bg-hover);border-color:#ffffff1a;border-color:var(--border-light)}.perp-pair-avatar{border-radius:50%;height:22px;width:22px}.perp-chevron-icon{color:#8a96a3;color:var(--text-secondary);font-size:10px;transition:transform .2s ease}.perp-chevron-icon.open{color:#007bff;color:var(--accent);transform:rotate(180deg)}.perp-header-center{align-items:center;display:flex;flex:1 1;justify-content:center}.price-display{align-items:baseline;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:6px;letter-spacing:-.3px;max-width:180px;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease-out;transition:var(--transition);white-space:nowrap}.price-display:hover{filter:brightness(1.05)}.price-display span{font-size:11px;font-weight:500;opacity:.85}.perp-header-right{flex:0 0 auto}.perp-header-right,.perp-stats-compact{display:flex;gap:10px}.perp-stats-compact>div{display:flex;flex-direction:column;gap:2px}.perp-label{color:#5a6573;color:var(--text-dim);font-size:8px;font-weight:500;letter-spacing:.6px;text-transform:uppercase}.perp-stats-compact span:last-child{color:#d7dde4;color:var(--text-primary);font-size:11px;font-weight:600;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.perp-search-dropdown{animation:slideDown .2s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#161b22;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius);box-shadow:0 4px 20px #0006;box-shadow:var(--shadow-lg);left:0;max-height:55vh;overflow-y:auto;position:absolute;top:calc(100% + 4px);width:380px;z-index:200}.perp-search-input-wrapper{align-items:center;background:#161b22;background:var(--bg-card);border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border);display:flex;gap:6px;padding:10px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.perp-search-input-wrapper svg{color:#007bff;color:var(--accent);font-size:13px}.perp-search-input-wrapper input{background:#1e242e;background:var(--bg-hover);border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#d7dde4;color:var(--text-primary);flex:1 1;font-size:12px;padding:7px 10px;transition:all .2s ease-out;transition:var(--transition)}.perp-search-input-wrapper input:focus{border-color:#007bff;border-color:var(--accent);box-shadow:0 0 0 2px #007bff40;box-shadow:0 0 0 2px var(--accent-glow);outline:none}.perp-search-input-wrapper input::placeholder{color:#5a6573;color:var(--text-dim)}.perp-pairs-grid{padding:4px}.perp-grid-header,.perp-grid-row{grid-gap:6px;align-items:center;display:grid;font-size:10px;gap:6px;grid-template-columns:2fr 1fr 1fr 1fr;padding:6px 8px}.perp-grid-header{background:#161b22;background:var(--bg-card);border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border);color:#5a6573;color:var(--text-dim);font-weight:500;letter-spacing:.4px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:48px;z-index:1}.perp-grid-row{border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;font-weight:400;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease-out;transition:var(--transition);white-space:nowrap}.perp-grid-row:hover{background:#1e242e;background:var(--bg-hover);box-shadow:0 1px 6px #007bff1a}.perp-pair-info{align-items:center;display:flex;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.perp-pair-info img{border-radius:50%;height:18px;width:18px}.perp-main-layout{grid-gap:0;background:#0000;border-top:none;display:grid;gap:0;grid-template-columns:1fr 260px 300px;grid-template-rows:1fr auto;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.perp-chart-panel{grid-column:1;overflow:hidden}.perp-chart-panel,.perp-orderbook-section{background:#12161c;background:var(--bg-surface);border-right:1px solid #ffffff0d;border-right:1px solid var(--border);grid-row:1;height:100%;width:100%}.perp-orderbook-section{grid-column:2;overflow-y:auto;padding:0}.perp-trading-panel{grid-column:3;grid-row:1;grid-row-end:3;height:100%;overflow-y:auto;padding:8px 12px}.perp-bottom-tabs-section,.perp-trading-panel{background:#12161c;background:var(--bg-surface);width:100%}.perp-bottom-tabs-section{border-top:1px solid #ffffff0d;border-top:1px solid var(--border);display:flex;flex-direction:column;grid-column:1/3;grid-row:2;height:250px;margin:0;overflow:hidden;padding:0;z-index:50}.perp-orders-tabs{background:#161b22;background:var(--bg-card);border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;overflow-x:auto;padding:0 8px}.perp-orders-tabs::-webkit-scrollbar{height:2px}.perp-orders-tabs::-webkit-scrollbar-thumb{background:#007bff;background:var(--accent);border-radius:1px}.perp-orders-tabs button{background:#0000;border:none;border-bottom:2px solid #0000;color:#8a96a3;color:var(--text-secondary);cursor:pointer;font-size:11px;font-weight:500;padding:6px 12px;position:relative;transition:all .2s ease-out;transition:var(--transition);white-space:nowrap}.perp-orders-tabs button.active{border-bottom-color:#007bff;border-bottom-color:var(--accent);color:#007bff;color:var(--accent)}.perp-orders-tabs button:hover:not(.active){color:#d7dde4;color:var(--text-primary)}.perp-tab-content{background:#12161c;background:var(--bg-surface);display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:6px 8px;width:100%}.perp-tab-content::-webkit-scrollbar{width:3px}.perp-tab-content::-webkit-scrollbar-thumb{background:#1e242e;background:var(--bg-hover);border-radius:2px}.perp-summary-grid{grid-gap:6px;background:#1e242e;background:var(--bg-hover);border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);display:grid;gap:6px;grid-template-columns:repeat(2,1fr);margin-bottom:8px;padding:6px}.perp-summary-item{display:flex;flex-direction:column;gap:2px}.perp-summary-item span:first-child{color:#5a6573;color:var(--text-dim);font-size:9px;letter-spacing:.4px;text-transform:uppercase}.perp-summary-item span:last-child{color:#d7dde4;color:var(--text-primary);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pnl-positive{color:#28a745!important;color:var(--green)!important}.pnl-negative{color:#dc3545!important;color:var(--red)!important}.perp-long-short-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.perp-long-short-buttons button{border:none;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;flex:1 1;font-size:13px;font-weight:600;letter-spacing:.6px;min-width:80px;padding:8px;position:relative;text-transform:uppercase;transition:all .2s ease-out;transition:var(--transition)}.perp-long-short-buttons button:hover{filter:brightness(1.1)}.perp-margin-mode-single{margin-bottom:8px}.perp-margin-btn{align-items:center;background:#1e242e;background:var(--bg-hover);border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#d7dde4;color:var(--text-primary);cursor:pointer;display:flex;font-size:12px;font-weight:500;justify-content:space-between;padding:8px;transition:all .2s ease-out;transition:var(--transition);width:100%}.perp-margin-btn:hover{background:#161b22;background:var(--bg-card);border-color:#007bff;border-color:var(--accent)}.perp-leverage-input{background:#1e242e;background:var(--bg-hover);border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#d7dde4;color:var(--text-primary);font-size:13px;font-weight:500;margin-bottom:8px;padding:8px 10px;transition:all .2s ease-out;transition:var(--transition);width:100%}.perp-leverage-input:focus{border-color:#007bff;border-color:var(--accent);outline:none}.perp-order-types{display:flex;gap:4px;margin-bottom:8px}.perp-order-types button{background:#1e242e;background:var(--bg-hover);border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#8a96a3;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:9px;font-weight:600;letter-spacing:.4px;padding:6px;text-transform:uppercase;transition:all .2s ease-out;transition:var(--transition)}.perp-order-types button.active{background:#007bff;background:var(--accent);border-color:#007bff;border-color:var(--accent);color:#fff}.perp-order-types button:hover:not(.active){border-color:#007bff;border-color:var(--accent);color:#007bff;color:var(--accent)}.perp-order-inputs{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.perp-order-inputs input{background:#1e242e;background:var(--bg-hover);border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#d7dde4;color:var(--text-primary);font-size:12px;font-weight:500;padding:8px 10px;transition:all .2s ease-out;transition:var(--transition);width:100%}.perp-order-inputs input:focus{border-color:#007bff;border-color:var(--accent);outline:none}.perp-info-grid{background:#1e242e;background:var(--bg-hover);border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:4px;margin-bottom:8px;padding:6px}.perp-info-item{align-items:center;color:#8a96a3;color:var(--text-secondary);display:flex;font-size:10px;font-weight:500;gap:6px;padding:2px 0}.perp-info-icon{color:#007bff;color:var(--accent);flex-shrink:0;font-size:11px;width:14px}.perp-info-label{color:#5a6573;color:var(--text-dim);flex:1 1;font-weight:500;letter-spacing:.2px;text-transform:uppercase}.perp-info-value{color:#d7dde4;color:var(--text-primary);font-weight:600;min-width:70px;text-align:right}.perp-place-order-btn{border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.6px;margin-top:8px;padding:10px;position:relative;text-transform:uppercase;transition:all .2s ease-out;transition:var(--transition);width:100%}.perp-place-order-btn:hover:not(:disabled){filter:brightness(1.1)}.perp-place-order-btn:disabled{cursor:not-allowed;opacity:.5}.perp-orderbook-tabs{background:#161b22;background:var(--bg-card);border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;padding:0 8px}.perp-orderbook-tabs button{background:#0000;border:none;border-bottom:2px solid #0000;color:#8a96a3;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:11px;font-weight:500;padding:6px 10px;transition:all .2s ease-out;transition:var(--transition)}.perp-orderbook-tabs button.active{border-bottom-color:#007bff;border-bottom-color:var(--accent);color:#007bff;color:var(--accent)}.perp-orderbook-tabs button:hover:not(.active){color:#d7dde4;color:var(--text-primary)}.perp-orderbook-panel,.perp-trades-panel{height:100%;overflow-y:auto;padding:6px 0;width:100%}.perp-depth-percent{background:#1e242e;background:var(--bg-hover);border-radius:4px;border-radius:var(--radius-sm);display:flex;font-size:9px;font-weight:500;justify-content:space-between;margin-bottom:6px;padding:3px 8px}.perp-ob-grid-header{background:#12161c;background:var(--bg-surface);border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border);color:#5a6573;color:var(--text-dim);font-size:8px;font-weight:500;letter-spacing:.4px;padding:3px 8px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:30px;z-index:10}.perp-ob-grid-header,.perp-ob-row{grid-gap:4px;display:grid;gap:4px;grid-template-columns:1fr 1fr 1fr}.perp-ob-row{cursor:pointer;font-size:10px;font-weight:400;padding:1px 8px;position:relative;transition:all .2s ease-out;transition:var(--transition)}.perp-ob-row:before{content:"";height:100%;left:0;opacity:.12;position:absolute;top:0;transition:width .2s ease;z-index:1}.perp-ob-section.bids .perp-ob-row:before{background:#28a745;background:var(--green);left:auto;right:0}.perp-ob-section.asks .perp-ob-row:before{background:#dc3545;background:var(--red);left:0;right:auto}.perp-ob-row>span{position:relative;z-index:2}.perp-ob-row:hover{background:#1e242e;background:var(--bg-hover)}.perp-ob-row.new-trade-bid{animation:orderbook-pulse-green .4s ease-out 1}.perp-ob-row.new-trade-ask{animation:orderbook-pulse-red .4s ease-out 1}.perp-spread-info{background:#1e242e;background:var(--bg-hover);border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;margin:3px 0;padding:6px;text-align:center}.perp-spread-info span{color:#8a96a3;color:var(--text-secondary);font-size:9px;font-weight:400}.perp-depth-bar{border-radius:1px;box-shadow:0 1px 4px #0003;display:flex;height:2px;margin:3px 0 6px;overflow:hidden}.perp-bid-depth{background:#28a745;background:var(--green);transition:width .3s ease}.perp-ask-depth{background:#dc3545;background:var(--red);transition:width .3s ease}.perp-history-panel h3,.perp-orders-panel h3,.perp-trades-panel h3{color:#5a6573;color:var(--text-dim);font-size:11px;font-weight:600;letter-spacing:.6px;margin-bottom:6px;text-transform:uppercase}.perp-trade-grid-header{border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border);color:#5a6573;color:var(--text-dim);font-size:8px;font-weight:500;letter-spacing:.4px;text-transform:uppercase}.perp-trade-grid-header,.perp-trade-row{grid-gap:4px;display:grid;gap:4px;grid-template-columns:1fr 1fr 1fr;padding:4px 8px}.perp-trade-row{border-radius:4px;border-radius:var(--radius-sm);font-size:10px;font-weight:400;transition:all .2s ease-out;transition:var(--transition)}.perp-trade-row:hover{background:#1e242e;background:var(--bg-hover)}.perp-history-table-header,.perp-table-header{background:#12161c;background:var(--bg-surface);color:#5a6573;color:var(--text-dim);font-size:8px;font-weight:500;letter-spacing:.4px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.perp-history-row,.perp-history-table-header,.perp-table-header,.perp-table-row{grid-gap:6px;border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border);display:grid;gap:6px;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));padding:6px 8px}.perp-history-row,.perp-table-row{cursor:pointer;font-size:10px;font-weight:400;transition:all .2s ease-out;transition:var(--transition)}.perp-history-row:hover,.perp-table-row:hover{background:#1e242e;background:var(--bg-hover)}.perp-fill-progress{align-items:center;display:flex;gap:8px;width:100%}.perp-fill-track{background:#1e242e;background:var(--bg-hover);border-radius:3px;flex:1 1;height:6px;overflow:hidden;position:relative}.perp-fill-bar{background:#28a745;background:var(--green);border-radius:3px;height:100%;min-width:0;transition:width .3s ease-out}.perp-fill-text{color:#8a96a3;color:var(--text-secondary);font-size:10px;font-weight:500;min-width:35px;text-align:right}.perp-cancel-btn{background:#dc3545;background:var(--red);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:9px;font-weight:600;padding:3px 8px;text-transform:uppercase;transition:all .2s ease-out;transition:var(--transition)}.perp-cancel-btn:hover{background:#c82333;background:var(--red-dark)}.perp-confirm-modal-overlay,.perp-margin-modal-overlay{align-items:center;animation:fadeIn .2s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.perp-confirm-modal,.perp-margin-modal{animation:slideDown .2s;background:#12161c;background:var(--bg-surface);border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius);box-shadow:0 4px 20px #0006;box-shadow:var(--shadow-lg);max-width:360px;padding:12px;text-align:center;width:85%}.perp-confirm-icon{color:#007bff;color:var(--accent);font-size:32px;margin-bottom:6px}.perp-confirm-modal p,.perp-margin-modal p{color:#d7dde4;color:var(--text-primary);font-size:12px;line-height:1.4;margin-bottom:10px}.perp-confirm-buttons{display:flex;gap:6px}.perp-confirm-btn{border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;flex:1 1;font-size:11px;font-weight:600;padding:6px;text-transform:uppercase;transition:all .2s ease-out;transition:var(--transition)}.perp-confirm-btn.yes{background:#28a745;background:var(--green)}.perp-confirm-btn.no{background:#dc3545;background:var(--red)}.perp-confirm-btn:hover{filter:brightness(1.1)}.perp-margin-header{align-items:center;border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border);color:#d7dde4;color:var(--text-primary);display:flex;gap:6px;padding-bottom:6px}.perp-margin-icon{color:#007bff;color:var(--accent);font-size:18px}.perp-margin-header h3{font-size:14px;font-weight:600;margin:0}.perp-margin-options{display:flex;flex-direction:column;gap:6px;margin:6px 0}.perp-margin-option{background:#1e242e;background:var(--bg-hover);border:1px solid #0000;border-radius:6px;border-radius:var(--radius);cursor:pointer;padding:6px;transition:all .2s ease-out;transition:var(--transition)}.perp-margin-option.active,.perp-margin-option:hover{border-color:#007bff;border-color:var(--accent)}.perp-margin-option h4{color:#d7dde4;color:var(--text-primary);font-size:12px;font-weight:600;margin:0 0 3px}.perp-margin-option p{color:#8a96a3;color:var(--text-secondary);font-size:10px;line-height:1.3;margin:0}.perp-margin-buttons{margin-top:6px;text-align:center}.perp-margin-close{background:#1e242e;background:var(--bg-hover);border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);color:#d7dde4;color:var(--text-primary);cursor:pointer;font-size:11px;font-weight:500;padding:6px 12px;transition:all .2s ease-out;transition:var(--transition)}.perp-margin-close:hover{background:#161b22;background:var(--bg-card);border-color:#007bff;border-color:var(--accent)}.perp-error{align-items:center;color:#dc3545;color:var(--red);display:flex;font-size:13px;font-weight:500;height:100%;justify-content:center;padding:12px;text-align:center}@media (max-width:1024px){.perp-main-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;margin:0;overflow-y:auto}.perp-chart-panel{min-height:45vh}.perp-orderbook-section,.perp-trading-panel{height:auto}.perp-bottom-tabs-section{min-height:25vh}.perp-header{flex-wrap:wrap;gap:6px;height:auto;padding:6px 10px}.perp-header-center,.perp-header-left,.perp-header-right{justify-content:center;width:100%}.perp-stats-compact{flex-wrap:wrap}.price-display{font-size:16px}.perp-search-dropdown{width:calc(100vw - 20px)}}@media (max-width:1400px){.perp-main-layout{grid-template-columns:1fr 240px 280px}}.perp-tpsl-toggle{margin-bottom:8px;position:relative}.perp-tpsl-toggle label{align-items:center;color:#8a96a3;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;transition:all .2s ease-out;transition:var(--transition)}.perp-tpsl-toggle label:hover{color:#007bff;color:var(--accent)}.perp-tpsl-toggle input[type=checkbox]{accent-color:#007bff;accent-color:var(--accent);cursor:pointer;height:14px;width:14px}.perp-tpsl-inputs{grid-gap:6px;animation:slideDown .2s ease-out;display:grid;gap:6px;grid-template-columns:1fr 1fr;margin-bottom:8px}.perp-tpsl-inputs input{background:#1e242e;background:var(--bg-hover);border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#d7dde4;color:var(--text-primary);font-size:12px;font-weight:500;padding:8px 10px;transition:all .2s ease-out;transition:var(--transition);width:100%}.perp-tpsl-inputs input:focus{border-color:#007bff;border-color:var(--accent);outline:none}.perp-tpsl-inputs input::placeholder{color:#5a6573;color:var(--text-dim)}.perp-tpsl-label{cursor:pointer;position:relative}.perp-modal-tabs{border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border);display:flex;overflow-x:auto}.perp-modal-tabs button{background:#0000;border:none;color:#8a96a3;color:var(--text-secondary);cursor:pointer;font-size:11px;padding:6px 12px;transition:all .2s ease-out;transition:var(--transition);white-space:nowrap}.perp-modal-tabs button.active{border-bottom:2px solid #007bff;border-bottom:2px solid var(--accent);color:#007bff;color:var(--accent)}.perp-modal-tabs::-webkit-scrollbar{height:3px}.perp-modal-tabs::-webkit-scrollbar-thumb{background:#007bff;background:var(--accent)}.perp-grid-row>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.perp-close-btn{background:#dc3545;background:var(--red);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:9px;font-weight:600;padding:3px 8px;text-transform:uppercase;transition:all .2s ease-out;transition:var(--transition)}.perp-close-btn:hover{background:#c82333;background:var(--red-dark)}.perp-empty-state{color:#5a6573;color:var(--text-dim);font-size:13px;padding:12px;text-align:center}.perp-leverage-badge{background:#007bff40;background:var(--accent-glow);border-radius:4px;border-radius:var(--radius-sm);color:#007bff;color:var(--accent);font-size:9px;font-weight:500;padding:1px 4px}.perp-star-icon{color:#5a6573;color:var(--text-dim);cursor:pointer}.perp-star-icon.filled{color:#007bff;color:var(--accent)}.perp-tradingview-widget-container{overflow:hidden}.perp-leverage-wrapper{margin-bottom:12px;position:relative}.perp-leverage-header-label{color:#8a96a3;color:var(--text-secondary);font-size:10px;font-weight:500;letter-spacing:.4px;margin-bottom:4px;text-transform:uppercase}.perp-leverage-control-row{align-items:stretch;background:#1e242e;background:var(--bg-hover);border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);display:flex;transition:all .2s ease-out;transition:var(--transition)}.perp-leverage-control-row:focus-within{border-color:#007bff;border-color:var(--accent);box-shadow:0 0 0 1px #007bff40;box-shadow:0 0 0 1px var(--accent-glow)}.perp-leverage-input-main{background:#0000;border:none;color:#d7dde4;color:var(--text-primary);flex:1 1;font-size:13px;font-weight:600;outline:none;padding:8px 10px;width:100%}.perp-leverage-dropdown-btn{align-items:center;background:#0000;border:none;border-left:1px solid #ffffff0d;border-left:1px solid var(--border);color:#8a96a3;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:0 12px;transition:all .2s ease-out;transition:var(--transition)}.perp-leverage-dropdown-btn:hover{background:#ffffff0d;color:#d7dde4;color:var(--text-primary)}.perp-leverage-dropdown-btn svg{font-size:10px;transition:transform .2s}.perp-leverage-dropdown-btn.active svg{transform:rotate(180deg)}.perp-leverage-dropdown-grid{grid-gap:6px;animation:slideDown .15s ease-out;background:#161b22;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 4px 20px #0006;box-shadow:var(--shadow-lg);display:grid;gap:6px;grid-template-columns:repeat(4,1fr);left:0;padding:8px;position:absolute;top:calc(100% + 4px);width:100%;z-index:50}.perp-lev-preset{background:#1e242e;background:var(--bg-hover);border:1px solid #0000;border-radius:4px;color:#8a96a3;color:var(--text-secondary);cursor:pointer;font-size:11px;font-weight:500;padding:6px 0;transition:all .2s ease-out;transition:var(--transition)}.perp-lev-preset:hover{background:#12161c;background:var(--bg-surface);border-color:#ffffff0d;border-color:var(--border);color:#d7dde4;color:var(--text-primary)}.perp-lev-preset.active{background:#007bff;background:var(--accent);border-color:#007bff;border-color:var(--accent);color:#fff;font-weight:700}.perp-chart-panel{position:relative;transition:all .3s ease}.perp-chart-panel.fullscreen{background:#0a0e13;background:var(--bg-main);border:none;border-radius:0;height:100vh!important;left:0;position:fixed!important;top:0;width:100vw!important;z-index:9999}.perp-chart-fullscreen-btn{align-items:center;background:#161b22;background:var(--bg-card);border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#8a96a3;color:var(--text-secondary);cursor:pointer;display:flex;height:30px;justify-content:center;opacity:.6;position:absolute;right:12px;top:12px;transition:all .2s ease-out;transition:var(--transition);width:30px;z-index:100}.perp-chart-fullscreen-btn:hover{background:#1e242e;background:var(--bg-hover);border-color:#007bff;border-color:var(--accent);color:#d7dde4;color:var(--text-primary);opacity:1}.perp-settings-section{display:flex;flex-direction:column;gap:8px}.perp-settings-option{transition:all .2s ease}.perp-settings-option:hover{background:#1e242e;background:var(--bg-hover)}.perp-settings-option.active{background:#007bff14}.perp-settings-btn{align-items:center;border-radius:4px;border-radius:var(--radius-sm);display:flex;height:30px;justify-content:center;transition:all .2s ease-out;transition:var(--transition);width:30px}.perp-settings-btn:hover{background:#1e242e!important;background:var(--bg-hover)!important;color:#d7dde4!important;color:var(--text-primary)!important}.perp-hedge-tabs{border:1px solid #ffffff0d;border:1px solid var(--border)}.perp-hedge-tabs button:hover{color:#d7dde4!important;color:var(--text-primary)!important}body.light .perp-container{--bg-main:#f8f9fa;--bg-surface:#fff;--bg-hover:#e9ecef;--bg-card:#f8f9fa;--text-primary:#212529;--text-secondary:#6c757d;--text-dim:#adb5bd;--accent:#007bff;--accent-hover:#0069d9;--accent-glow:#007bff1a;--green:#28a745;--green-dark:#1e7e34;--red:#dc3545;--red-dark:#bd2130;--border:#0000001a;--border-light:#00000026;--shadow:0 2px 12px #0000000d;--shadow-lg:0 4px 20px #0000001a;--glow-accent:0 0 12px #007bff1a}body.light .perp-main-header{background:#fff;border-bottom-color:#dee2e6}body.light .perp-header{background:#f8f9fa;border-bottom-color:#dee2e6}body.light .perp-selected-pair:hover{background:#e9ecef;border-color:#dee2e6}body.light .perp-chevron-icon{color:#6c757d}body.light .perp-search-dropdown{background:#f8f9fa;border-color:#dee2e6}body.light .perp-search-input-wrapper input{background:#e9ecef;border-color:#dee2e6}body.light .perp-grid-header{background:#f8f9fa;border-bottom-color:#dee2e6;color:#6c757d}body.light .perp-grid-row:hover{background:#e9ecef}body.light .perp-main-layout{background:#0000}body.light .perp-chart-panel,body.light .perp-orderbook-section{background:#fff;border-right-color:#dee2e6}body.light .perp-trading-panel{background:#fff}body.light .perp-bottom-tabs-section{background:#fff;border-top-color:#dee2e6}body.light .perp-orders-tabs{background:#f8f9fa;border-bottom-color:#dee2e6}body.light .perp-tab-content{background:#fff}body.light .perp-summary-grid{background:#e9ecef;border-color:#dee2e6}body.light .perp-long-short-buttons button:hover{filter:brightness(.9)}body.light .perp-leverage-input,body.light .perp-margin-btn{background:#e9ecef;border-color:#dee2e6;color:#212529}body.light .perp-order-types button{background:#e9ecef;border-color:#dee2e6;color:#6c757d}body.light .perp-order-types button.active{background:#007bff;border-color:#007bff}body.light .perp-order-inputs input{color:#212529}body.light .perp-info-grid,body.light .perp-order-inputs input{background:#e9ecef;border-color:#dee2e6}body.light .perp-info-item{color:#6c757d}body.light .perp-info-icon{color:#007bff}body.light .perp-info-label{color:#adb5bd}body.light .perp-info-value{color:#212529}body.light .perp-place-order-btn:hover:not(:disabled){filter:brightness(.9)}body.light .perp-orderbook-tabs{background:#f8f9fa;border-bottom-color:#dee2e6}body.light .perp-depth-percent{background:#e9ecef}body.light .perp-ob-grid-header{background:#fff;border-bottom-color:#dee2e6;color:#adb5bd}body.light .perp-ob-row:hover{background:#e9ecef}body.light .perp-spread-info{background:#e9ecef;border-color:#dee2e6}body.light .perp-spread-info span{color:#6c757d}body.light .perp-depth-bar{box-shadow:0 1px 4px #0000000d}body.light .perp-trade-grid-header{border-bottom-color:#dee2e6;color:#adb5bd}body.light .perp-trade-row:hover{background:#e9ecef}body.light .perp-history-table-header,body.light .perp-table-header{background:#fff;border-bottom-color:#dee2e6;color:#adb5bd}body.light .perp-history-row,body.light .perp-table-row{border-bottom-color:#dee2e6}body.light .perp-history-row:hover,body.light .perp-table-row:hover{background:#e9ecef}body.light .perp-cancel-btn{background:#dc3545}body.light .perp-confirm-modal-overlay,body.light .perp-margin-modal-overlay{background:#00000080}body.light .perp-confirm-modal,body.light .perp-margin-modal{background:#fff;border-color:#dee2e6}body.light .perp-confirm-btn.yes{background:#28a745}body.light .perp-confirm-btn.no{background:#dc3545}body.light .perp-margin-option{background:#e9ecef}body.light .perp-margin-close{background:#e9ecef;border-color:#dee2e6;color:#212529}body.light .perp-error{color:#dc3545}body.light .perp-tpsl-toggle label{color:#6c757d}body.light .perp-tpsl-inputs input{background:#e9ecef;border-color:#dee2e6;color:#212529}body.light .perp-close-btn{background:#dc3545}body.light .perp-empty-state{color:#adb5bd}body.light .perp-leverage-badge{background:#007bff1a}body.light .perp-star-icon{color:#adb5bd}body.light .perp-leverage-control-row{background:#e9ecef;border-color:#dee2e6}body.light .perp-leverage-dropdown-btn{border-left-color:#dee2e6}body.light .perp-leverage-dropdown-btn:hover{background:#0000000d}body.light .perp-leverage-dropdown-grid{background:#fff;border-color:#dee2e6}body.light .perp-lev-preset{background:#f8f9fa;color:#6c757d}body.light .perp-lev-preset:hover{background:#e9ecef;color:#212529}body.light .perp-lev-preset.active{background:#007bff;color:#fff}body.light .perp-settings-option.active{background:#007bff1a}body.light .perp-settings-btn:hover{background:#e9ecef!important}.perp-slider-container{box-sizing:border-box;cursor:pointer;padding:10px 6px 20px;width:100%}.perp-slider-track{align-items:center;display:flex;height:4px;position:relative;width:100%}.perp-slider-rail{background-color:#1e242e;background-color:var(--bg-hover);width:100%}.perp-slider-fill,.perp-slider-rail{border-radius:2px;height:4px;position:absolute}.perp-slider-fill{background-color:#007bff;background-color:var(--accent);transition:width .1s ease-out}.perp-slider-thumb{background-color:#fff;border:2px solid #007bff;border:2px solid var(--accent);border-radius:50%;box-shadow:0 0 5px #00000080;height:12px;transition:left .1s ease-out;width:12px;z-index:5}.perp-slider-mark,.perp-slider-thumb{position:absolute;transform:translateX(-50%)}.perp-slider-mark{align-items:center;cursor:pointer;display:flex;justify-content:center;z-index:2}.perp-slider-dot{background-color:#161b22;background-color:var(--bg-card);border:2px solid #5a6573;border:2px solid var(--text-dim);border-radius:50%;height:8px;transition:all .2s;width:8px}.perp-slider-dot:hover{transform:scale(1.3)}.perp-slider-label{color:#5a6573;color:var(--text-dim);font-size:10px;font-weight:500;left:50%;pointer-events:none;position:absolute;top:14px;transform:translateX(-50%)}.perp-positions-panel{background:#12161c;background:var(--bg-surface);display:flex;flex-direction:column;height:100%}.perp-positions-header-row{align-items:center;border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:8px 12px}.perp-position-table-container{flex:1 1;overflow-x:auto;overflow-y:auto}.perp-pos-grid{align-items:center;display:grid;grid-template-columns:180px 1.2fr 1fr 1fr 1fr 1fr 1.4fr 100px;min-width:1000px;padding:10px 12px}.perp-pos-grid,.perp-pos-grid.header{border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border)}.perp-pos-grid.header{background:#161b22;background:var(--bg-card);color:#5a6573;color:var(--text-dim);font-size:11px;font-weight:500;letter-spacing:.3px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.perp-pos-grid.row{background:#12161c;background:var(--bg-surface);transition:background .1s}.perp-pos-grid.row:hover{background:#1e242e;background:var(--bg-hover)}.primary-text{color:#d7dde4;color:var(--text-primary);font-size:12px;font-weight:500}.primary-text,.sub-text{font-family:Roboto Mono,monospace}.sub-text{color:#5a6573;color:var(--text-dim);font-size:10px;margin-top:2px}.warning-text{color:#f59e0b;font-family:Roboto Mono,monospace;font-size:12px}.text-green{color:#28a745!important;color:var(--green)!important}.text-red{color:#dc3545!important;color:var(--red)!important}.col-contract{display:flex;flex-direction:column;gap:4px}.pos-symbol-row{align-items:center;display:flex;gap:6px}.pos-icon{border-radius:50%;height:16px;width:16px}.pos-symbol{color:#d7dde4;color:var(--text-primary);font-size:13px;font-weight:700}.pos-leverage-tag{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:3px;color:#8a96a3;color:var(--text-secondary);font-size:9px;padding:1px 4px}.pos-side-badge{font-size:10px;font-weight:600;padding:1px 0;width:-webkit-fit-content;width:fit-content}.pos-side-badge.long{color:#28a745;color:var(--green)}.pos-side-badge.short{color:#dc3545;color:var(--red)}.col-action{text-align:right}.col-realized{display:flex;flex-direction:column;justify-content:center}.perp-table-btn{background:#0000;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:4px;color:#d7dde4;color:var(--text-primary);cursor:pointer;font-size:11px;padding:4px 10px;transition:all .2s}.perp-table-btn:hover{background:#1e242e;background:var(--bg-hover);border-color:#8a96a3;border-color:var(--text-secondary)}.perp-trading-panel{border-left:1px solid #ffffff0d;border-left:1px solid var(--border)}.perp-place-order-btn{border-radius:4px;box-shadow:0 4px 12px #0003;font-size:14px;letter-spacing:.5px;padding:12px}.perp-main-layout{grid-template-rows:65vh auto!important}.perp-bottom-tabs-section{height:auto!important;min-height:250px;overflow:visible!important}.perp-tab-content{overflow-y:visible!important}.perp-positions-panel,.perp-tab-content{height:auto!important}.perp-position-table-container{overflow-y:visible!important}@media (max-width:1024px){.perp-main-layout{display:flex!important;flex-direction:column;height:auto!important;overflow-y:auto!important}.perp-chart-panel{flex:none;height:50vh!important;min-height:50vh!important}.perp-bottom-tabs-section{height:auto!important;min-height:auto!important;overflow:visible!important}}.perp-orders-grid{align-items:center;display:grid;grid-template-columns:160px 1.2fr 1.4fr 1.4fr 1.4fr 1.4fr 80px;min-width:1000px;padding:12px 16px}.perp-orders-grid,.perp-orders-grid.header{border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border)}.perp-orders-grid.header{background:#161b22;background:var(--bg-card);color:#5a6573;color:var(--text-dim);font-size:11px;font-weight:600;letter-spacing:.5px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:5}.perp-orders-grid.row{background:#12161c;background:var(--bg-surface);min-height:64px;transition:background .1s}.perp-orders-grid.row:hover{background:#1e242e;background:var(--bg-hover)}.perp-orders-grid.row.editing{background:#007bff0a;border-left:2px solid #007bff;border-left:2px solid var(--accent)}.col-filled,.col-price-edit,.col-qty-edit,.col-side,.col-symbol,.col-tpsl-edit{display:flex;flex-direction:column;gap:2px;justify-content:center}.perp-editable-value{align-items:center;display:flex;justify-content:space-between;max-width:90%;padding-right:4px;position:relative;width:100%}.perp-edit-btn{align-items:center;background:#0000;border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:4px;color:#8a96a3;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:10px;height:24px;justify-content:center;opacity:0;transition:all .2s ease;width:24px}.perp-orders-grid.row:hover .perp-edit-btn{background:#ffffff08;opacity:1}.perp-edit-btn:hover{background:#007bff1a;border-color:#007bff;border-color:var(--accent);color:#007bff;color:var(--accent);transform:scale(1.05)}.perp-inline-input{background:#0a0e13;background:var(--bg-main);border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:4px;color:#d7dde4;color:var(--text-primary);font-family:Roboto Mono,monospace;font-size:12px;outline:none;padding:6px 8px;transition:border-color .2s;width:100%}.perp-inline-input:focus{border-color:#007bff;border-color:var(--accent)}.perp-input-group{align-items:center;display:flex;gap:6px}.perp-input-group span{color:#5a6573;color:var(--text-dim);font-size:10px;font-weight:600;width:16px}.perp-input-group input{background:#0a0e13;background:var(--bg-main);border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:4px;color:#d7dde4;color:var(--text-primary);flex:1 1;font-size:11px;outline:none;padding:4px 6px}.perp-input-group.tp input:focus{border-color:#28a745;border-color:var(--green)}.perp-input-group.sl input:focus{border-color:#dc3545;border-color:var(--red)}.perp-icon-btn{align-items:center;background:#12161c;background:var(--bg-surface);border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:4px;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:all .2s;width:28px}.perp-icon-btn.save{border-color:#28a7454d;color:#28a745;color:var(--green)}.perp-icon-btn.save:hover{background:#28a7451a;border-color:#28a745;border-color:var(--green)}.perp-icon-btn.cancel{border-color:#dc35454d;color:#dc3545;color:var(--red)}.perp-icon-btn.cancel:hover{background:#dc35451a;border-color:#dc3545;border-color:var(--red)}.perp-bottom-tabs-section,.perp-history-panel,.perp-orders-panel,.perp-positions-panel,.perp-tab-content{display:block!important;height:auto!important;min-height:0!important;min-height:auto!important;overflow-y:visible!important}.perp-position-table-container{flex:none!important;height:auto!important;overflow:visible!important}.perp-main-layout{display:flex;flex-direction:column;height:auto!important;min-height:100vh;overflow-y:auto!important}@media (min-width:1025px){.perp-main-layout{display:grid;grid-template-rows:65vh auto!important}.perp-bottom-tabs-section{grid-row:2;overflow:visible!important}}.assets-page-full{background:#0b0e11;background:var(--bg-main);box-sizing:border-box;color:#eaecef;color:var(--text-primary);min-height:calc(100vh - 64px);min-height:calc(100vh - var(--header-height));padding:24px 40px;width:100%}.page-top-header h2{align-items:center;display:flex;font-size:28px;gap:12px;margin:0 0 24px}.title-icon{color:#08c;color:var(--accent)}.page-content-wrapper{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1920px;width:100%}.wallet-header-full{align-items:flex-end;background:#1e2329;background:var(--bg-surface);border:1px solid #2b3139;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius);display:flex;justify-content:space-between;padding:24px 32px}.balance-container{display:flex;flex-direction:column;gap:8px}.label-text{color:#848e9c;color:var(--text-secondary);font-size:14px}.balance-values{gap:16px}.balance-usd,.balance-values{align-items:baseline;display:flex}.balance-usd{color:#eaecef;color:var(--text-primary);font-size:36px;font-weight:700}.currency-symbol{font-size:24px;margin-right:4px}.currency-code,.currency-symbol{color:#848e9c;color:var(--text-secondary)}.currency-code{font-size:16px;font-weight:500;margin-left:6px}.balance-ton{color:#848e9c;color:var(--text-secondary);font-size:20px}.pnl-container{min-width:220px;text-align:right}.pnl-header{align-items:center;display:flex;gap:12px;justify-content:flex-end;margin-bottom:8px}.period-select-wrapper{position:relative}.period-btn{align-items:center;background:none;border:none;color:#08c;color:var(--accent);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px}.period-dropdown-menu{background:#1e2329;background:var(--bg-surface);border:1px solid #2b3139;border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #0003;box-shadow:var(--shadow-soft);margin-top:8px;position:absolute;right:0;top:100%;z-index:10}.period-option{cursor:pointer;font-size:13px;padding:8px 16px}.period-option:hover{background:#2b3139;background:var(--bg-hover);color:#08c;color:var(--accent)}.pnl-value{font-size:22px;font-weight:600;margin-bottom:8px}.pnl-amount{font-size:16px;font-weight:400;margin-left:8px;opacity:.7}.text-red{color:#f6465d;color:var(--danger)}.bg-green{background-color:#0ecb81;background-color:var(--success)}.bg-red{background-color:#f6465d;background-color:var(--danger)}.pnl-bar-bg{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden;width:100%}.pnl-bar-fill{border-radius:2px;height:100%}.controls-bar-full{align-items:center;display:flex;justify-content:space-between}.action-buttons-row{display:flex;gap:12px}.btn-action{align-items:center;border:none;border-radius:8px;border-radius:var(--radius);cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-transfer{background:#08c;background:var(--accent);color:#fff}.btn-transfer:hover{background:#0099e6;background:var(--accent-hover);transform:translateY(-2px)}.filters-bar-right{align-items:center;display:flex;gap:16px}.search-field-wrapper{position:relative;width:260px}.search-icon{color:#848e9c;color:var(--text-secondary);left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-field-wrapper input{background:#1e2329;background:var(--bg-surface);border:1px solid #2b3139;border:1px solid var(--border-color);border-radius:6px;color:#eaecef;color:var(--text-primary);font-size:14px;outline:none;padding:12px 12px 12px 38px;width:100%}.search-field-wrapper input:focus{border-color:#08c;border-color:var(--accent)}.checkbox-wrapper{align-items:center;color:#848e9c;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px}.checkbox-wrapper input{accent-color:#08c;accent-color:var(--accent);height:16px;width:16px}.tabs-full-width{border-bottom:1px solid #2b3139;border-bottom:1px solid var(--border-color);display:flex;gap:32px;margin-bottom:16px}.tab-item{color:#848e9c;color:var(--text-secondary);cursor:pointer;font-size:16px;font-weight:600;padding:16px 0;position:relative;transition:.2s}.tab-item.active,.tab-item:hover{color:#eaecef;color:var(--text-primary)}.tab-item.active:after{background:#08c;background:var(--accent);bottom:-1px;content:"";height:3px;left:0;position:absolute;width:100%}.data-table-wrapper{overflow-x:auto;width:100%}.full-width-table{border-collapse:collapse;font-size:15px;width:100%}.full-width-table th{border-bottom:1px solid #2b3139;border-bottom:1px solid var(--border-color);color:#848e9c;color:var(--text-secondary);font-weight:500;padding:16px;text-align:left;white-space:nowrap}.full-width-table td{border-bottom:1px solid #ffffff0d;color:#eaecef;color:var(--text-primary);padding:16px;vertical-align:middle}.full-width-table tr:hover{background:#2b3139;background:var(--bg-hover)}.text-right{text-align:right}.bold{font-weight:600}.text-muted{margin-left:6px}.token-info-cell{align-items:center;display:flex;gap:12px}.token-icon{border-radius:50%;height:36px;width:36px}.token-symbol{font-size:16px;font-weight:600}.price-val{display:flex;flex-direction:column;line-height:1.2}.price-sub{color:#848e9c;color:var(--text-secondary);font-size:12px}.price-val.updated{color:#0ecb81;color:var(--success)}.price-val.flash-update{animation:flashGreen .8s}@keyframes flashGreen{0%{color:#0ecb81;color:var(--success)}to{color:#eaecef;color:var(--text-primary)}}.row-actions{display:flex;gap:8px;justify-content:flex-end}.icon-btn{align-items:center;border:none;border-radius:6px;color:#eaecef;color:var(--text-primary);cursor:pointer;display:flex;height:34px;justify-content:center;transition:.2s;width:34px}.icon-btn:disabled{background:#0000!important;cursor:not-allowed;opacity:.3}.btn-deposit{background:#ffffff0d}.btn-deposit:hover:not(:disabled){background:#08c;background:var(--accent)}.btn-withdraw{background:#ffffff0d}.btn-withdraw:hover:not(:disabled){background:#f6465d;background:var(--danger)}.btn-trade{background:#0000;color:#08c;color:var(--accent)}.btn-trade:hover{background:#0088cc1a;color:#0099e6;color:var(--accent-hover)}.badge{border-radius:4px;font-size:12px;font-weight:700;padding:4px 8px;text-transform:uppercase}.badge-deposit{background:#0ecb8126;color:#0ecb81;color:var(--success)}.badge-withdrawal{background:#f6465d26;color:#f6465d;color:var(--danger)}.badge-transfer{background:#0088cc26;color:#08c;color:var(--accent)}.status-text{font-weight:500;text-transform:capitalize}.status-text.completed{color:#0ecb81;color:var(--success)}.status-text.pending{color:#f0b90b;color:var(--warning)}.status-text.failed{color:#f6465d;color:var(--danger)}.link-explorer{align-items:center;color:#848e9c;color:var(--text-secondary);display:flex;font-size:13px;gap:6px;justify-content:flex-end;text-decoration:none}.link-explorer:hover{color:#08c;color:var(--accent)}.futures-summary-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.f-stat-box{background:#1e2329;background:var(--bg-surface);border:1px solid #2b3139;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius);padding:20px}.f-label{color:#848e9c;color:var(--text-secondary);font-size:13px;margin-bottom:8px}.f-value{font-size:20px;font-weight:600}.f-sub{font-size:14px;font-weight:400;margin-left:4px;opacity:.8}.f-action-box{align-items:center;display:flex}.btn-close-all{background:#f6465d1a;border:1px solid #f6465d;border:1px solid var(--danger);border-radius:8px;border-radius:var(--radius);color:#f6465d;color:var(--danger);cursor:pointer;font-weight:600;height:100%;transition:.2s;width:100%}.btn-close-all:hover{background:#f6465d;background:var(--danger);color:#fff}.side-tag{border-radius:4px;font-size:12px;font-weight:700;padding:4px 8px}.side-tag.long{background:#0ecb8126;color:#0ecb81;color:var(--success)}.side-tag.short{background:#f6465d26}.btn-table-close,.side-tag.short{color:#f6465d;color:var(--danger)}.btn-table-close{background:#f6465d1a;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px}.btn-table-close:hover{background:#f6465d;background:var(--danger);color:#fff}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{box-shadow:0 24px 48px #0009;display:flex;flex-direction:column}.modal-lg{width:700px}.modal-lg,.modal-md{max-width:95vw}.modal-header{padding:24px}.modal-header h3{align-items:center;display:flex;font-size:20px;gap:10px}.btn-close-icon{background:none;border:none;color:#848e9c;color:var(--text-secondary);cursor:pointer;font-size:22px}.btn-close-icon:hover{color:#eaecef;color:var(--text-primary)}.modal-body{padding:32px}.modal-footer{display:flex;gap:16px;justify-content:flex-end;padding:24px}.deposit-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:200px 1fr;margin-bottom:24px}.qr-column{align-items:center;display:flex;flex-direction:column}.qr-helper{color:#848e9c;color:var(--text-secondary);font-size:13px;margin-top:12px}.info-column{display:flex;flex-direction:column;gap:16px}.form-group label{color:#848e9c;color:var(--text-secondary);display:block;font-size:12px;margin-bottom:6px}.network-badge{align-items:center;background:#0088cc26;border-radius:4px;color:#08c;color:var(--accent);display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:6px 12px}.input-with-copy{background:#0b0e11;background:var(--bg-main);border:1px solid #2b3139;border:1px solid var(--border-color);border-radius:6px;display:flex;overflow:hidden}.input-with-copy input{background:#0000;border:none;color:#eaecef;color:var(--text-primary);flex:1 1;font-family:monospace;font-size:14px;padding:12px}.btn-copy{background:#0000;border:none;border-left:1px solid #2b3139;border-left:1px solid var(--border-color);color:#848e9c;color:var(--text-secondary);cursor:pointer;padding:0 14px;transition:.2s}.btn-copy:hover{background:#2b3139;background:var(--bg-hover);color:#08c;color:var(--accent)}.req-badge{background:#f6465d26;border-radius:2px;color:#f6465d;color:var(--danger);font-size:10px;margin-left:6px;padding:2px 4px}.status-block{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.status-badge{border-radius:4px;font-weight:700;padding:4px 8px}.status-badge.pending{background:#f0b90b26;color:#f0b90b;color:var(--warning)}.status-badge.confirmed{background:#0ecb8126;color:#0ecb81;color:var(--success)}.warning-banner{background:#f0b90b1a;border-left:3px solid #f0b90b;border-left:3px solid var(--warning);border-radius:4px;color:#e6b72e;display:flex;font-size:13px;gap:16px;line-height:1.5;padding:16px}.warning-banner.red{background:#f6465d1a;border-color:#f6465d;border-color:var(--danger);color:#ff8a8a}.warn-icon{flex-shrink:0;font-size:20px;margin-top:2px}.transfer-swapper{align-items:center;background:#0b0e11;background:var(--bg-main);border:1px solid #2b3139;border:1px solid var(--border-color);border-radius:8px;display:flex;margin-bottom:24px;padding:16px}.swap-box{flex:1 1;text-align:center}.swap-label{color:#848e9c;color:var(--text-secondary);font-size:12px}.swap-val{font-size:16px;font-weight:700;margin-top:4px}.btn-swap-icon{align-items:center;background:#1e2329;background:var(--bg-surface);border:1px solid #2b3139;border:1px solid var(--border-color);border-radius:50%;color:#08c;color:var(--accent);cursor:pointer;display:flex;height:40px;justify-content:center;transition:.2s;width:40px}.btn-swap-icon:hover{background:#08c;background:var(--accent);color:#fff;transform:rotate(180deg)}.input-field{background:#0b0e11;background:var(--bg-main);border:1px solid #2b3139;border:1px solid var(--border-color);border-radius:6px;color:#eaecef;color:var(--text-primary);font-size:15px;outline:none;padding:12px;width:100%}.input-field:focus{border-color:#08c;border-color:var(--accent)}.input-with-action{background:#0b0e11;background:var(--bg-main);border:1px solid #2b3139;border:1px solid var(--border-color);border-radius:6px;display:flex;overflow:hidden}.input-with-action input{background:#0000;border:none;color:#eaecef;color:var(--text-primary);flex:1 1;font-size:15px;outline:none;padding:12px}.btn-max{background:#0000;border:none;color:#08c;color:var(--accent);cursor:pointer;font-weight:700;padding:0 16px}.balance-hint{color:#848e9c;color:var(--text-secondary);font-size:12px;margin-top:4px;text-align:right}.range-slider{accent-color:#08c;accent-color:var(--accent);margin-top:12px;width:100%}.stepper-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.step-item{color:#848e9c;color:var(--text-secondary);font-size:14px;font-weight:600}.step-item.active{color:#08c;color:var(--accent)}.step-line{background:#2b3139;background:var(--border-color);flex:1 1;height:2px;margin:0 16px}.confirm-view{display:flex;flex-direction:column;gap:24px}.confirm-box{background:#0b0e11;background:var(--bg-main);border:1px solid #2b3139;border:1px solid var(--border-color);border-radius:8px;padding:20px}.confirm-row{color:#848e9c;color:var(--text-secondary);display:flex;font-size:14px;justify-content:space-between;margin-bottom:12px}.confirm-row strong{color:#eaecef;color:var(--text-primary)}.confirm-row.highlight{border-top:1px solid #2b3139;border-top:1px solid var(--border-color);margin-bottom:0;margin-top:12px;padding-top:12px}.confirm-row.highlight strong{color:#0ecb81;color:var(--success);font-size:16px}.tfa-block label{color:#848e9c;color:var(--text-secondary);display:block;font-size:13px;margin-bottom:8px}.input-code{background:#0b0e11;background:var(--bg-main);border:1px solid #08c;border:1px solid var(--accent);border-radius:6px;color:#eaecef;color:var(--text-primary);font-size:20px;letter-spacing:6px;outline:none;padding:12px;text-align:center;width:100%}.btn-primary{padding:12px 24px;transition:.2s}.btn-primary:hover:not(:disabled){background:#0099e6;background:var(--accent-hover)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-primary.full-width{width:100%}.btn-secondary{font-weight:600;padding:12px 24px}@media (max-width:768px){.assets-page-full{padding:16px}.wallet-header-full{align-items:flex-start;flex-direction:column;gap:20px}.pnl-container{text-align:left;width:100%}.pnl-header{justify-content:space-between}.pnl-value{justify-content:flex-start}.controls-bar-full{gap:16px}.controls-bar-full,.filters-bar-right{align-items:stretch;flex-direction:column}.search-field-wrapper{width:100%}.deposit-grid{grid-template-columns:1fr}.qr-column{border-bottom:1px solid #2b3139;border-bottom:1px solid var(--border-color);padding-bottom:24px}}body.light .assets-page-full{--bg-main:#f8f9fa;--bg-surface:#fff;--bg-hover:#e9ecef;--text-primary:#212529;--text-secondary:#6c757d;--accent:#08c;--accent-light:#0af;--accent-hover:#0069d9;--success:#28a745;--danger:#dc3545;--warning:#ffc107;--radius:8px;--border-color:#dee2e6;--shadow-soft:0 1px 3px #0000001f;--shadow-glow:0 0 5px #0000001a}body.light .wallet-header-full{background:#fff;border-color:#dee2e6}body.light .pnl-bar-bg{background:#0000001a}body.light .search-field-wrapper input{background:#fff;border-color:#dee2e6}body.light .tabs-full-width{border-bottom-color:#dee2e6}body.light .tab-item.active:after{background:#08c}body.light .full-width-table td{border-bottom-color:#0000000d}body.light .full-width-table th{border-bottom-color:#dee2e6}body.light .btn-deposit,body.light .btn-withdraw{background:#0000000d}body.light .btn-trade{color:#08c}body.light .badge-deposit{background:#28a7451a}body.light .badge-withdrawal{background:#dc35451a}body.light .badge-transfer{background:#0088cc1a}body.light .link-explorer{color:#6c757d}body.light .f-stat-box{background:#fff;border-color:#dee2e6}body.light .btn-close-all{background:#dc35451a;border-color:#dc3545;color:#dc3545}body.light .side-tag.long{background:#28a7451a}body.light .side-tag.short{background:#dc35451a}body.light .btn-table-close{background:#dc35451a;color:#dc3545}body.light .qr-wrapper{background:#f8f9fa}body.light .network-badge{background:#0088cc1a}body.light .input-with-copy{background:#f8f9fa;border-color:#dee2e6}body.light .btn-copy{border-left-color:#dee2e6;color:#6c757d}body.light .status-badge.pending{background:#ffc1071a;color:#ffc107}body.light .status-badge.confirmed{background:#28a7451a;color:#28a745}body.light .warning-banner{background:#ffc1071a;border-left-color:#ffc107;color:#ffc107}body.light .warning-banner.red{background:#dc35451a;border-color:#dc3545;color:#dc3545}body.light .transfer-swapper{background:#f8f9fa;border-color:#dee2e6}body.light .btn-swap-icon{background:#fff;border-color:#dee2e6;color:#08c}body.light .input-field,body.light .input-with-action{background:#f8f9fa;border-color:#dee2e6}body.light .input-code{background:#f8f9fa;border-color:#08c}.profile-page-full{background:#0b0e11;background:var(--bg-main);box-sizing:border-box;color:#eaecef;color:var(--text-primary);min-height:calc(100vh - 64px);min-height:calc(100vh - var(--header-height));padding:24px 40px;width:100%}.profile-content-wrapper{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1600px;width:100%}.profile-header-card{align-items:center;background:#1e2329;background:var(--bg-surface);border:1px solid #2b3139;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius);display:flex;justify-content:space-between;padding:32px}.profile-header-left{align-items:center;display:flex;gap:32px}.avatar-container{position:relative}.user-avatar-lg{border:3px solid #2b3139;border:3px solid var(--bg-hover);border-radius:50%;height:100px;object-fit:cover;width:100px}.btn-edit-avatar{align-items:center;background:#08c;background:var(--accent);border:2px solid #1e2329;border:2px solid var(--bg-surface);border-radius:50%;bottom:0;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:0;transition:transform .2s;width:32px}.btn-edit-avatar:hover{transform:scale(1.1)}.user-details{display:flex;flex-direction:column;gap:8px}.username-row{align-items:center;display:flex;gap:12px}.username-row h2{color:#eaecef;color:var(--text-primary);font-size:28px;margin:0}.btn-edit-text{background:#0000;border:none;color:#848e9c;color:var(--text-secondary);cursor:pointer;font-size:16px}.btn-edit-text:hover{color:#08c;color:var(--accent)}.edit-username-wrap{display:flex;gap:8px}.edit-username-wrap input{background:#0b0e11;background:var(--bg-main);border:1px solid #08c;border:1px solid var(--accent);border-radius:4px;color:#eaecef;color:var(--text-primary);font-size:16px;padding:6px 12px}.btn-cancel,.btn-save{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.btn-save{background:#0ecb81;background:var(--success);color:#fff}.btn-cancel{background:#2b3139;background:var(--bg-hover);color:#848e9c;color:var(--text-secondary)}.badge-admin{background:#f6465d;background:var(--danger);border-radius:4px;color:#fff;font-size:10px;font-weight:700;padding:4px 8px}.user-meta{align-items:center;color:#848e9c;color:var(--text-secondary);display:flex;font-size:14px;gap:12px}.divider{color:#2b3139;color:var(--bg-hover)}.profile-header-right{text-align:right}.last-login small{color:#848e9c;color:var(--text-secondary);display:block;font-size:12px;margin-bottom:4px}.last-login span{color:#eaecef;color:var(--text-primary);font-family:Roboto Mono,monospace;font-size:14px}.stats-grid-wide{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-box{background:#1e2329;background:var(--bg-surface);border:1px solid #2b3139;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius);display:flex;flex-direction:column;gap:8px;padding:20px 24px}.stat-title{color:#848e9c;color:var(--text-secondary);font-size:13px;letter-spacing:.5px;text-transform:uppercase}.stat-num{color:#eaecef;color:var(--text-primary);font-size:24px;font-weight:700}.pnl-pos .stat-num{color:#0ecb81;color:var(--success)}.pnl-neg .stat-num{color:#f6465d;color:var(--danger)}.info-grid-wide{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.info-card{background:#1e2329;background:var(--bg-surface);border:1px solid #2b3139;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius);overflow:hidden}.card-header{background:#ffffff05;border-bottom:1px solid #2b3139;border-bottom:1px solid var(--border-color);padding:20px 24px}.card-header h4{align-items:center;display:flex;font-size:18px;gap:10px;margin:0}.icon-accent{color:#08c;color:var(--accent)}.checklist-container{display:flex;flex-direction:column;gap:20px;padding:24px}.check-row{align-items:flex-start;display:flex;gap:16px}.check-icon{font-size:20px;margin-top:2px}.check-text{display:flex;flex-direction:column;gap:2px}.check-title{font-size:15px;font-weight:600}.check-desc{color:#848e9c;color:var(--text-secondary);font-size:13px}.valid .check-icon{color:#0ecb81;color:var(--success)}.invalid .check-icon{color:#f6465d;color:var(--danger)}.warning .check-icon{color:#f0b90b;color:var(--warning)}.activity-list-wrapper{max-height:300px;overflow-y:auto;padding:0}.activity-table{border-collapse:collapse;width:100%}.activity-table th{background:#0b0e11;background:var(--bg-main);color:#848e9c;color:var(--text-secondary);font-size:12px;position:-webkit-sticky;position:sticky;text-align:left;top:0}.activity-table td,.activity-table th{border-bottom:1px solid #2b3139;border-bottom:1px solid var(--border-color);padding:12px 24px}.activity-table td{font-size:14px;vertical-align:middle}.device-cell{align-items:center;display:flex;gap:8px}.font-mono{font-family:Roboto Mono,monospace}.text-muted{font-size:13px}.empty-text,.text-muted{color:#848e9c;color:var(--text-secondary)}.empty-text{padding:24px;text-align:center}.referral-section-wide{background:#1e2329;background:var(--bg-surface);border:1px solid #2b3139;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius);padding:24px}.referral-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.referral-header h3{align-items:center;display:flex;gap:10px;margin:0}.btn-toggle-ref{background:#0000;border:1px solid #2b3139;border:1px solid var(--border-color);border-radius:4px;color:#848e9c;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:8px 16px}.btn-toggle-ref:hover{border-color:#eaecef;border-color:var(--text-primary);color:#eaecef;color:var(--text-primary)}.referral-code-row{align-items:center;background:#0b0e11;background:var(--bg-main);border:1px solid #2b3139;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius);display:flex;gap:16px;margin-bottom:20px;padding:16px}.ref-label{color:#848e9c;color:var(--text-secondary);font-weight:600}.ref-box{align-items:center;display:flex;flex:1 1;gap:12px}.ref-box code{font-family:Roboto Mono,monospace;font-size:18px;font-weight:700}.ref-box button,.ref-box code{color:#08c;color:var(--accent)}.ref-box button{align-items:center;background:#0088cc1a;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px}.ref-box button:hover{background:#08c;background:var(--accent);color:#fff}.referral-expanded{border-top:1px solid #2b3139;border-top:1px solid var(--border-color);padding-top:24px}.ref-stats-summary{display:flex;gap:40px;margin-bottom:24px}.ref-stat-item{display:flex;flex-direction:column;gap:4px}.ref-stat-item span{color:#848e9c;color:var(--text-secondary);font-size:13px}.ref-stat-item strong{color:#eaecef;color:var(--text-primary);font-size:20px}.text-green{color:#0ecb81;color:var(--success)}.bold{font-weight:700}.ref-table-wrapper{overflow-x:auto}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);bottom:0;left:0;right:0;top:0;z-index:2000}.modal-content{background:#1e2329;background:var(--bg-surface);border:1px solid #2b3139;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 50px #0009}.modal-md{max-width:90vw;width:500px}.modal-header{align-items:center;border-bottom:1px solid #2b3139;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 24px}.modal-header h3{font-size:18px;margin:0}.close-icon{background:none;border:none;color:#848e9c;color:var(--text-secondary);cursor:pointer;font-size:20px}.modal-body{padding:24px}.avatar-grid-select{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.avatar-option-wrapper{border:3px solid #0000;border-radius:50%;cursor:pointer;padding:4px;transition:.2s}.avatar-option-wrapper:hover{border-color:#08c;border-color:var(--accent);transform:scale(1.05)}.avatar-option-img{border-radius:50%;width:100%}.modal-footer{border-top:1px solid #2b3139;border-top:1px solid var(--border-color);padding:16px 24px;text-align:right}.btn-secondary{border-radius:4px;color:#848e9c;color:var(--text-secondary);padding:8px 16px}.btn-secondary:hover{border-color:#eaecef;border-color:var(--text-primary);color:#eaecef;color:var(--text-primary)}@media (max-width:900px){.info-grid-wide{grid-template-columns:1fr}}@media (max-width:768px){.profile-page-full{padding:16px}.profile-header-card{flex-direction:column;gap:24px;text-align:center}.profile-header-left{flex-direction:column;gap:16px}.user-details{align-items:center}.profile-header-right{border-top:1px solid #2b3139;border-top:1px solid var(--border-color);padding-top:16px;text-align:center;width:100%}.stats-grid-wide{gap:16px;grid-template-columns:1fr 1fr}.referral-code-row{align-items:stretch;flex-direction:column;text-align:center}.ref-box{justify-content:center}}body.light .profile-page-full{--bg-main:#f8f9fa;--bg-surface:#fff;--bg-hover:#e9ecef;--text-primary:#212529;--text-secondary:#6c757d;--accent:#08c;--accent-hover:#0069d9;--success:#28a745;--danger:#dc3545;--warning:#ffc107;--border-color:#dee2e6;--radius:8px;--header-height:64px}body.light .profile-header-card{background:#fff;border-color:#dee2e6}body.light .user-avatar-lg{border-color:#e9ecef}body.light .btn-edit-avatar{background:#08c;border-color:#fff}body.light .edit-username-wrap input{background:#f8f9fa;border-color:#08c;color:#212529}body.light .btn-save{background:#28a745}body.light .btn-cancel{background:#e9ecef;color:#6c757d}body.light .badge-admin{background:#dc3545}body.light .info-card,body.light .stat-box{background:#fff;border-color:#dee2e6}body.light .card-header{background:#00000005;border-bottom-color:#e9ecef}body.light .check-desc{color:#6c757d}body.light .activity-table th{background:#f8f9fa;border-bottom-color:#e9ecef;color:#6c757d}body.light .activity-table td{border-bottom-color:#e9ecef}body.light .referral-section-wide{background:#fff;border-color:#dee2e6}body.light .btn-toggle-ref{border-color:#e9ecef;color:#6c757d}body.light .referral-code-row{background:#f8f9fa;border-color:#dee2e6}body.light .ref-box code{color:#08c}body.light .ref-box button{background:#0088cc0d}body.light .ref-stats-summary strong{color:#212529}body.light .modal-content{background:#fff;border-color:#dee2e6}body.light .btn-secondary{border-color:#e9ecef;color:#6c757d}:root{--bg-main:#0b0e11;--bg-surface:#1e2329;--bg-hover:#2b3139;--text-primary:#eaecef;--text-secondary:#848e9c;--accent-light:#0af;--accent-hover:#0099e6;--success:#0ecb81;--danger:#f6465d;--warning:#f0b90b;--radius:8px;--border-color:#2b3139;--shadow-soft:0 4px 12px #0003;--header-height:64px}.settings-page-full{background-color:#0b0e11;background-color:var(--bg-main);color:#eaecef;color:var(--text-primary);min-height:calc(100vh - 64px);min-height:calc(100vh - var(--header-height));padding:24px 40px;width:100%}.settings-header-wide h2{align-items:center;color:#eaecef;color:var(--text-primary);display:flex;font-size:28px;gap:12px;margin-bottom:32px}.settings-layout{display:flex;gap:40px;margin:0 auto;max-width:1200px}.settings-sidebar{display:flex;flex-direction:column;flex-shrink:0;gap:8px;width:260px}.sidebar-tab{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius);color:#848e9c;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;padding:16px 20px;text-align:left;transition:all .2s}.sidebar-tab:hover{background:#2b3139;background:var(--bg-hover);color:#eaecef;color:var(--text-primary)}.sidebar-tab.active{background:#0088cc1a;border-left:3px solid #08c;border-left:3px solid var(--accent);color:#08c;color:var(--accent)}.settings-content-panel{background:#1e2329;background:var(--bg-surface);border:1px solid #2b3139;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius);flex:1 1;min-height:500px;padding:40px}.panel-section h3{border-bottom:1px solid #2b3139;border-bottom:1px solid var(--border-color);color:#eaecef;color:var(--text-primary);font-size:22px;margin-bottom:24px;margin-top:0;padding-bottom:16px}.fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.settings-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:32px}.setting-card{display:flex;flex-direction:column;gap:8px}.setting-card label{align-items:center;color:#eaecef;color:var(--text-primary);display:flex;font-weight:600;gap:8px}.setting-card select{background:#0b0e11;background:var(--bg-main);border:1px solid #2b3139;border:1px solid var(--border-color);border-radius:6px;color:#eaecef;color:var(--text-primary);font-size:15px;outline:none;padding:12px;transition:border .2s}.setting-card select:focus{border-color:#08c;border-color:var(--accent)}.setting-row-toggle{align-items:center;background:#0b0e11;background:var(--bg-main);border:1px solid #2b3139;border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px;position:relative}.setting-info h4{color:#eaecef;color:var(--text-primary);font-size:16px;margin:0 0 4px}.setting-info p{color:#848e9c;color:var(--text-secondary);font-size:14px;margin:0}.toggle-switch{display:inline-block;flex-shrink:0;height:26px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#2b3139;background-color:var(--bg-hover);border:1px solid #2b3139;border:1px solid var(--border-color);border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:20px;left:2px;position:absolute;transition:.4s;width:20px}input:checked+.toggle-slider{background-color:#08c;background-color:var(--accent);border-color:#08c;border-color:var(--accent)}input:checked+.toggle-slider:before{transform:translateX(24px)}.security-status-banner{align-items:center;border-radius:6px;display:flex;font-weight:600;gap:12px;margin-bottom:32px;padding:16px}.security-status-banner.secure{background:#0ecb811a;border:1px solid #0ecb81;border:1px solid var(--success);color:#0ecb81;color:var(--success)}.security-status-banner.warning{background:#f0b90b1a;border:1px solid #f0b90b;border:1px solid var(--warning);color:#f0b90b;color:var(--warning)}.tfa-enable-prompt{background:#0b0e11;background:var(--bg-main);border:1px solid #2b3139;border:1px solid var(--border-color);border-radius:8px;padding:32px;text-align:center}.big-icon{color:#08c;color:var(--accent);font-size:40px;margin-bottom:16px}.tfa-enable-prompt p{color:#848e9c;color:var(--text-secondary);margin-bottom:20px}.tfa-setup-grid{grid-gap:32px;background:#0b0e11;background:var(--bg-main);border-radius:8px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:32px;padding:24px}.qr-box{border-right:1px solid #2b3139;border-right:1px solid var(--border-color);flex-direction:column;gap:16px}.qr-box,.qr-wrapper{align-items:center;display:flex}.qr-wrapper{background:#fff;border-radius:8px;justify-content:center;padding:10px}.qr-box img{height:160px;width:160px}.qr-fallback{color:#000;font-size:100px}.secret-copy{align-items:center;display:flex;gap:8px}.secret-copy code{background:#2b3139;background:var(--bg-hover);border-radius:4px;color:#08c;color:var(--accent);font-family:monospace;padding:6px 12px}.secret-copy button{background:#0000;border:1px solid #2b3139;border:1px solid var(--border-color);border-radius:4px;color:#848e9c;color:var(--text-secondary);cursor:pointer;padding:6px}.verify-box{display:flex;flex-direction:column;gap:16px;justify-content:center}.verify-box h4{color:#eaecef;color:var(--text-primary);margin:0}.verify-box p{color:#848e9c;color:var(--text-secondary);font-size:14px;margin:0}.inputs-row input,.verify-box input{background:#1e2329;background:var(--bg-surface);border:1px solid #2b3139;border:1px solid var(--border-color);border-radius:6px;color:#eaecef;color:var(--text-primary);font-size:18px;letter-spacing:4px;outline:none;padding:12px;text-align:center}.inputs-row input:focus,.verify-box input:focus{border-color:#08c;border-color:var(--accent)}.backup-codes-box{background:#f0b90b1a;border:1px solid #f0b90b;border:1px solid var(--warning);border-radius:8px;margin-bottom:32px;padding:24px}.backup-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.backup-header h4{color:#f0b90b;color:var(--warning);margin:0}.backup-actions button{align-items:center;background:#0000;border:1px solid #f0b90b;border:1px solid var(--warning);border-radius:4px;color:#f0b90b;color:var(--warning);cursor:pointer;display:flex;gap:6px;padding:6px 12px}.codes-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-bottom:12px}.codes-grid code{background:#0b0e11;background:var(--bg-main);border-radius:4px;color:#eaecef;color:var(--text-primary);font-family:monospace;padding:8px;text-align:center}.warning-text{color:#848e9c;color:var(--text-secondary);font-size:13px;margin:0}.tfa-management{display:flex;flex-direction:column;gap:24px}.disable-zone,.regenerate-zone{background:#0b0e11;background:var(--bg-main);border:1px solid #2b3139;border:1px solid var(--border-color);border-radius:8px;padding:20px}.inputs-row{align-items:center;display:flex;gap:12px;margin-top:12px}.inputs-row input{font-size:16px;letter-spacing:2px;width:160px}.settings-list{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.btn-save-wide{align-items:center;background:#08c;background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:.2s;width:100%}.btn-save-wide:hover:not(:disabled){background:#0099e6;background:var(--accent-hover)}.btn-save-wide:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#08c;background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px}.btn-primary.full{width:100%}.btn-primary:hover{background:#0099e6;background:var(--accent-hover)}.btn-secondary{background:#0000;border:1px solid #2b3139;border:1px solid var(--border-color);border-radius:6px;color:#eaecef;color:var(--text-primary);cursor:pointer;padding:10px 24px}.btn-secondary:hover{border-color:#08c;border-color:var(--accent);color:#08c;color:var(--accent)}.btn-danger{background:#f6465d;background:var(--danger);border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 24px}.btn-danger:hover{opacity:.9}.settings-loading{align-items:center;color:#848e9c;color:var(--text-secondary);display:flex;font-size:18px;gap:12px;height:80vh;justify-content:center}.spin{animation:spin 1s linear infinite}@media (max-width:900px){.settings-layout{flex-direction:column;gap:20px}.settings-sidebar{flex-direction:row;overflow-x:auto;padding-bottom:8px;width:100%}.sidebar-tab{white-space:nowrap}.tfa-setup-grid{grid-template-columns:1fr}.qr-box{border-bottom:1px solid #2b3139;border-bottom:1px solid var(--border-color);border-right:none;padding-bottom:24px}.inputs-row{align-items:stretch;flex-direction:column}.inputs-row input{box-sizing:border-box;width:100%}}body.light .settings-page-full{--bg-main:#f8f9fa;--bg-surface:#fff;--bg-hover:#e9ecef;--text-primary:#212529;--text-secondary:#6c757d;--accent:#08c;--accent-light:#0af;--accent-hover:#0069d9;--success:#28a745;--danger:#dc3545;--warning:#ffc107;--radius:8px;--border-color:#dee2e6;--shadow-soft:0 1px 3px #0000001f;--shadow-glow:0 0 5px #0000001a}body.light .settings-content-panel{background:#fff;border-color:#dee2e6}body.light .sidebar-tab:hover{background:#e9ecef}body.light .sidebar-tab.active{background:#0088cc0d}body.light .setting-card select{color:#212529}body.light .setting-card select,body.light .setting-row-toggle{background:#f8f9fa;border-color:#dee2e6}body.light .toggle-slider{background-color:#e9ecef;border-color:#dee2e6}body.light .toggle-slider:before{background-color:#fff}body.light .security-status-banner.secure{background:#28a7451a;border-color:#28a745}body.light .security-status-banner.warning{background:#ffc1071a;border-color:#ffc107}body.light .tfa-enable-prompt{background:#f8f9fa;border-color:#dee2e6}body.light .tfa-setup-grid{background:#f8f9fa}body.light .qr-box{border-right-color:#dee2e6}body.light .verify-box input{background:#fff;border-color:#dee2e6}body.light .backup-codes-box{background:#ffc1071a;border-color:#ffc107}body.light .codes-grid code{background:#f8f9fa;color:#212529}body.light .disable-zone,body.light .regenerate-zone{background:#f8f9fa;border-color:#dee2e6}body.light .btn-primary,body.light .btn-save-wide{background:#08c}body.light .btn-secondary{border-color:#dee2e6;color:#212529}body.light .btn-danger{background:#dc3545}.support-page-container{background:var(--bg-surface);border:1px solid var(--bg-hover);border-radius:var(--radius);margin:0 auto;max-width:1200px;padding:24px;width:100%}.support-header{align-items:center;border-bottom:1px solid var(--bg-hover);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.support-header h2{color:var(--text-primary);margin:0}.support-header .auth-button{align-items:center;display:flex;gap:8px;padding:10px 16px}.status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 10px;text-transform:capitalize}.status-badge.status-open{background:#08c3;color:var(--accent)}.status-badge.status-pending_admin{background:#ff6b6b33;color:var(--danger)}.status-badge.status-pending_user{background:#7af3c133;color:var(--accent-2)}.status-badge.status-closed{background:var(--bg-hover);color:var(--text-secondary)}.input-group-select{background:var(--bg-main);border:1px solid var(--bg-hover);border-radius:var(--radius);color:var(--text-primary);display:block;font-size:15px;min-height:44px;outline:none;padding:12px 14px;transition:all var(--transition);width:100%}.input-group-select:focus{border-color:#0088cc4d;box-shadow:0 6px 18px #0088cc1a,var(--shadow-glow)}.support-new-ticket-form textarea{background:var(--bg-main);border:1px solid var(--bg-hover);border-radius:var(--radius);color:var(--text-primary);display:block;font-family:inherit;font-size:15px;min-height:120px;outline:none;padding:12px 14px;resize:vertical;transition:all var(--transition);width:100%}.support-new-ticket-form textarea:focus{border-color:#0088cc4d;box-shadow:0 6px 18px #0088cc1a,var(--shadow-glow)}.support-file-label{align-items:center;background:var(--bg-main);border:1px solid var(--bg-hover);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 14px;transition:all var(--transition)}.support-file-label:hover{border-color:var(--accent);color:var(--accent)}.support-chat-container{background:var(--bg-surface);border:1px solid var(--bg-hover);border-radius:var(--radius);display:flex;flex-direction:column;height:80vh;margin:0 auto;max-width:1200px;overflow:hidden;width:100%}.support-back-btn{align-items:center;background:var(--bg-main);border:none;border-bottom:1px solid var(--bg-hover);color:var(--accent);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;padding:14px 20px;transition:background var(--transition)}.support-back-btn:hover{background:var(--bg-hover)}.support-chat-header{align-items:center;background:var(--bg-main);border-bottom:1px solid var(--bg-hover);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.support-chat-header h3{font-size:16px;margin:0}.support-chat-header .support-chat-status{align-items:center;display:flex;gap:10px}.support-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.chat-message{display:flex;flex-direction:column;max-width:70%}.chat-message-header{color:var(--text-secondary);font-size:12px;margin-bottom:6px}.chat-message-bubble{word-wrap:break-word;border-radius:var(--radius);line-height:1.5;padding:12px 16px}.chat-message-bubble p{margin:0 0 8px}.chat-message-bubble p:last-child{margin-bottom:0}.chat-message-bubble img{border-radius:var(--radius);cursor:pointer;margin-top:8px;max-width:100%}.chat-message.is-user{align-items:flex-end;align-self:flex-end}.chat-message.is-user .chat-message-bubble{background:var(--accent);border-radius:var(--radius) var(--radius) 4px var(--radius);color:#fff}.chat-message.is-user .chat-message-header{text-align:right}.chat-message.is-admin{align-items:flex-start;align-self:flex-start}.chat-message.is-admin .chat-message-bubble{background:var(--bg-main);border:1px solid var(--bg-hover);border-radius:4px var(--radius) var(--radius) var(--radius);color:var(--text-primary)}.support-chat-input-area{background:var(--bg-main);border-top:1px solid var(--bg-hover);flex-shrink:0;padding:16px}.support-chat-input-form{align-items:center;display:flex;gap:12px}.support-chat-input-form textarea{background:var(--bg-hover);border:1px solid var(--bg-hover);border-radius:var(--radius);color:var(--text-primary);flex:1 1;font-family:inherit;font-size:14px;height:48px;max-height:150px;outline:none;padding:12px 16px;resize:none;transition:all var(--transition)}.support-chat-input-form textarea:focus{border-color:var(--accent);box-shadow:var(--shadow-glow)}.support-chat-upload-btn{align-items:center;background:var(--bg-hover);border:none;border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:48px;justify-content:center;transition:all var(--transition);width:48px}.support-chat-upload-btn:hover{background:var(--bg-main);border:1px solid var(--accent);color:var(--accent)}.support-chat-send-btn{align-items:center;background:var(--accent);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:48px;justify-content:center;transition:all var(--transition);width:48px}.support-chat-send-btn:hover{background:var(--accent-light);box-shadow:var(--shadow-glow)}.support-chat-send-btn:disabled{background:var(--bg-hover);cursor:not-allowed}.support-chat-upload-preview{align-items:center;background:var(--bg-main);border-radius:4px;color:var(--text-secondary);display:flex;font-size:12px;justify-content:space-between;margin-bottom:10px;padding:8px}.support-chat-upload-preview button{background:none;border:none;color:var(--danger);cursor:pointer}.support-filter{align-items:center;color:var(--text-secondary);display:flex;gap:10px}.support-filter .input-group-select{background:var(--bg-surface);min-height:40px;padding:8px 12px}.support-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.support-modal-content{background:#13171b;border:1px solid var(--bg-hover);border-radius:var(--radius);box-shadow:0 25px 60px #0009,var(--shadow-glow);display:flex;flex-direction:column;max-width:700px;padding:24px 32px;width:100%}.support-modal-content h3{border-bottom:1px solid var(--bg-hover);color:var(--text-primary);font-size:18px;margin-bottom:20px;margin-top:0;padding-bottom:12px}.support-form-row{display:flex;gap:20px;margin-bottom:16px}.support-form-row .input-group{flex:1 1;margin-bottom:0}.support-modal-content textarea{max-height:200px;min-height:100px}.support-form-footer{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.support-form-footer .file-group{margin-bottom:0}.support-modal-actions{display:flex;gap:12px}.support-modal-actions .auth-button{padding:10px 20px;width:auto}@media (max-width:600px){.support-form-row{flex-direction:column;gap:0}.support-form-row .input-group{margin-bottom:16px}.support-form-footer{align-items:stretch;flex-direction:column;gap:16px}.support-modal-actions{justify-content:flex-end}}.image-preview-modal{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.image-preview-modal img{border-radius:var(--radius);box-shadow:0 10px 30px #00000080;max-height:90%;max-width:90%}body.light .support-page-container{--bg-main:#f8f9fa;--bg-surface:#fff;--bg-hover:#e9ecef;--text-primary:#212529;--text-secondary:#6c757d;--accent:#08c;--accent-light:#0af;--accent-hover:#0069d9;--success:#28a745;--danger:#dc3545;--warning:#ffc107;--radius:8px;--border-color:#dee2e6;--shadow-soft:0 1px 3px #0000001f;--shadow-glow:0 0 5px #0000001a}body.light .status-badge.status-open{background:#0088cc1a}body.light .status-badge.status-pending_admin{background:#ff6b6b1a}body.light .status-badge.status-pending_user{background:#7af3c11a}body.light .status-badge.status-closed{background:#f8f9fa;color:#6c757d}body.light .input-group-select,body.light .support-chat-container,body.light .support-file-label,body.light .support-new-ticket-form textarea{background:#fff;border-color:#dee2e6}body.light .support-back-btn,body.light .support-chat-header{background:#f8f9fa;border-bottom-color:#e9ecef}body.light .chat-message.is-user .chat-message-bubble{color:#212529}body.light .chat-message.is-admin .chat-message-bubble{background:#f8f9fa;border-color:#dee2e6}body.light .support-chat-input-area{background:#f8f9fa;border-top-color:#e9ecef}body.light .support-chat-input-form textarea{background:#e9ecef;border-color:#e9ecef}body.light .support-chat-upload-btn{background:#e9ecef}body.light .support-chat-upload-preview{background:#f8f9fa}body.light .support-modal-content{background:#fff;border-color:#dee2e6}body.light .image-preview-modal{background:#00000080}body{background:#f0f2f5;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;margin:0;overflow-x:hidden;padding:20px}.admin-container{background:var(--bg-surface);border-radius:var(--radius);box-shadow:0 8px 32px #0000001a;margin:0 auto;max-width:1400px;overflow-x:auto;padding:24px;width:100%}.admin-header{align-items:center;gap:16px;justify-content:space-between}.admin-header,.admin-tabs{display:flex;flex-wrap:wrap;margin-bottom:24px}.admin-tabs{border-bottom:1px solid var(--bg-hover);gap:8px}.admin-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:all var(--transition);white-space:nowrap}.admin-tab.active,.admin-tab:hover{color:var(--accent)}.admin-tab.active{border-bottom-color:var(--accent)}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{align-items:center;background:var(--bg-main);border-radius:var(--radius);display:flex;gap:16px;padding:20px;transition:all var(--transition)}.stat-card:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.stat-icon{color:var(--accent);flex-shrink:0;font-size:32px}.stat-content{flex:1 1}.stat-label{color:var(--text-secondary);font-size:14px}.stat-value{color:var(--text-primary);font-size:28px;font-weight:700}.stat-sub{color:var(--accent-2);font-size:12px}.charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.chart-card{background:var(--bg-main);border-radius:var(--radius);box-shadow:0 4px 16px #0000001a;padding:20px}.chart-card h3{color:var(--text-primary);margin-bottom:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.full-width{grid-column:1/-1}.liquidations-section,.oi-section,.revenue-section,.settings-section,.users-section,.volume-section,.withdrawals-section{display:flex;flex-direction:column;gap:24px}.revenue-cards,.volume-cards{display:flex;flex-wrap:wrap;gap:16px}.revenue-card,.volume-card{background:var(--bg-main);border-radius:var(--radius);box-shadow:0 4px 16px #0000001a;flex:1 1;min-width:250px;padding:20px}.revenue-breakdown,.volume-details{display:flex;flex-direction:column;gap:8px}.revenue-item,.volume-row{color:var(--text-secondary);display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.revenue-item strong,.volume-row strong{color:var(--text-primary);font-weight:600}.revenue-item.total,.volume-row.total{border-top:1px solid var(--bg-hover);font-size:1.1em;padding-top:8px}.oi-table,.users-table,.withdrawals-section{-webkit-overflow-scrolling:touch;overflow-x:auto}.oi-table table,.users-table table,.withdrawals-section table{background:var(--bg-main);border-collapse:collapse;border-radius:var(--radius);min-width:600px;overflow:hidden;width:100%}td,th{border-bottom:1px solid var(--bg-hover);padding:12px 16px;text-align:left;white-space:nowrap}th{background:var(--bg-surface);color:var(--text-secondary);font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:10}tr:hover{background:var(--bg-hover)}.side-badge{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px;white-space:nowrap}.side-badge.long{background:#7af3c11a;color:var(--accent-2)}.side-badge.short{background:#ff6b6b1a;color:var(--danger)}.positive{color:var(--accent-2)}.negative{color:var(--danger)}.liq-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.liq-stat-card{background:var(--bg-main);border-radius:var(--radius);box-shadow:0 4px 16px #0000001a;padding:20px;text-align:center}.liq-stat-value{color:var(--text-primary);font-size:32px;font-weight:700}.liq-stat-label{color:var(--text-secondary);font-size:14px}.liq-stat-amount{color:var(--danger);font-size:18px}.heatmap-section{background:var(--bg-main);border-radius:var(--radius);padding:20px}.heatmap-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.heatmap-list{display:flex;flex-direction:column;gap:8px}.heatmap-item{background:var(--bg-hover);border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:12px}.heatmap-symbol{flex:1 1;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis}.heatmap-side{border-radius:4px;padding:4px 8px;white-space:nowrap}.heatmap-side.long{background:#7af3c11a;color:var(--accent-2)}.heatmap-side.short{background:#ff6b6b1a;color:var(--danger)}.users-controls{flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.search-box,.users-controls{align-items:center;display:flex}.search-box{background:var(--bg-main);border-radius:var(--radius);flex:1 1;gap:8px;max-width:400px;padding:8px 16px}.search-box input{background:#0000;border:none;color:var(--text-primary);flex:1 1;outline:none}.export-btn{align-items:center;background:var(--accent);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;display:flex;flex-shrink:0;gap:8px;padding:8px 16px;transition:all var(--transition);white-space:nowrap}.export-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.actions{display:flex;gap:8px}.action-btn{background:#0000;border:none;border-radius:4px;cursor:pointer;padding:4px;transition:all var(--transition);white-space:nowrap}.action-btn:hover{background:var(--bg-hover)}.action-btn.view{color:var(--accent)}.action-btn.ban{color:var(--danger)}.action-btn.approve,.action-btn.unban{color:var(--accent-2)}.action-btn.reject{color:var(--danger)}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:16px}.pagination button{background:var(--accent);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;padding:8px 16px;transition:all var(--transition);white-space:nowrap}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination button:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-2px)}.settings-section{background:var(--bg-main);border-radius:var(--radius);padding:20px}.leverage-list{display:flex;flex-direction:column;gap:12px}.leverage-item{align-items:center;background:var(--bg-hover);border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:12px}.leverage-item button{background:var(--accent);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;flex-shrink:0;padding:6px 12px;transition:all var(--transition);white-space:nowrap}.leverage-item button:hover{transform:scale(1.05)}.admin-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:300px;justify-content:center}.spinner{animation:spin 1s linear infinite;border-top:4px solid var(--bg-hover);border:4px solid var(--bg-hover);border-radius:50%;border-top-color:var(--accent);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){body{padding:10px}.admin-container{margin:0;overflow-x:auto;padding:16px}.charts-grid{grid-template-columns:1fr}.revenue-cards,.users-controls,.volume-cards{flex-direction:column}.users-controls{align-items:stretch}.search-box{max-width:none}.oi-table table,.users-table table,.withdrawals-section table{min-width:500px}td,th{font-size:14px;padding:8px 12px}}@media (max-width:480px){.liq-stats-grid,.stats-grid{grid-template-columns:1fr}.oi-table table,.users-table table,.withdrawals-section table{min-width:400px}}body.light .admin-container{--bg-main:#f8f9fa;--bg-surface:#fff;--bg-hover:#e9ecef;--text-primary:#212529;--text-secondary:#6c757d;--accent:#08c;--accent-light:#0af;--accent-hover:#0069d9;--success:#28a745;--danger:#dc3545;--warning:#ffc107;--radius:8px;--border-color:#dee2e6;--shadow-soft:0 1px 3px #0000001f;--shadow-glow:0 0 5px #0000001a}body.light{background:#f8f9fa}body.light .chart-card,body.light .oi-table table,body.light .revenue-card,body.light .stat-card,body.light .users-table table,body.light .volume-card,body.light .withdrawals-section table{background:#fff}body.light th{background:#f8f9fa}body.light .liq-stat-card{background:#fff}body.light .heatmap-item{background:#e9ecef}body.light .search-box,body.light .settings-section{background:#fff}body.light .leverage-item{background:#e9ecef}body.light .spinner{border-color:#08c #e9ecef #e9ecef}.distribution-panel{background:var(--bg-main);border:1px solid var(--accent);border-radius:var(--radius);box-shadow:0 0 15px #00c0ff1a;margin-bottom:24px;padding:24px}.distribution-panel h3{color:var(--accent);margin-bottom:16px;margin-top:0}.dist-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:24px}.dist-controls .input-group{display:flex;flex-direction:column;gap:8px}.dist-controls label{color:var(--text-secondary);font-size:14px}.dist-controls input{background:var(--bg-surface);border:1px solid var(--bg-hover);border-radius:var(--radius);color:var(--text-primary);font-size:18px;font-weight:700;padding:10px 16px;width:200px}.stat-group{color:var(--text-secondary);display:flex;flex-direction:column;font-size:14px;gap:8px;padding-bottom:5px}.stat-group strong{color:var(--text-primary);font-size:16px}.action-btn.big{background:linear-gradient(90deg,var(--accent),var(--accent-light));box-shadow:0 4px 12px #0088cc4d;color:#fff;font-size:16px;font-weight:700;padding:12px 24px}.action-btn.big:hover{box-shadow:0 6px 16px #0088cc80;transform:translateY(-2px)}.terms-page-container{display:flex;gap:40px;margin:0 auto;max-width:1200px;width:100%}.terms-sidebar{align-self:flex-start;flex-shrink:0;position:-webkit-sticky;position:sticky;top:100px;width:280px}.terms-sidebar h3{border-bottom:1px solid var(--bg-hover);color:var(--text-secondary);font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.terms-sidebar nav{display:flex;flex-direction:column;gap:4px}.terms-sidebar nav a{border-left:3px solid #0000;border-radius:var(--radius);color:var(--text-secondary);display:block;font-size:14px;font-weight:500;padding:10px 12px;transition:all var(--transition)}.terms-sidebar nav a:hover{background:var(--bg-hover);color:var(--text-primary)}.terms-sidebar nav a.active{background:#0088cc1a;border-left:3px solid var(--accent);color:var(--accent);font-weight:700}.terms-content{background:var(--bg-surface);border:1px solid var(--bg-hover);border-radius:var(--radius);flex:1 1;min-width:0;padding:32px}.terms-content h1{border-bottom:1px solid var(--bg-hover);color:var(--text-primary);font-size:28px;margin-bottom:16px;padding-bottom:16px}.terms-content p.last-updated{color:var(--text-secondary);font-size:14px;font-style:italic;margin-bottom:32px}.terms-content-section{margin-bottom:40px}.terms-content-section h2{border-bottom:1px solid var(--bg-hover);color:var(--text-primary);font-size:22px;margin:32px 0 16px;padding-bottom:8px}.terms-content-section h3{color:var(--accent-light);font-size:18px;margin:24px 0 12px}.terms-content-section li,.terms-content-section p{color:var(--text-secondary);font-size:15px;line-height:1.7;margin-bottom:16px}.terms-content-section ol,.terms-content-section ul{padding-left:24px}.terms-content-section a{color:var(--accent);font-weight:600;text-decoration:underline}.terms-content-section a:hover{color:var(--accent-light)}.terms-content-section strong{color:var(--text-primary);font-weight:600}@media (max-width:960px){.terms-page-container{flex-direction:column}.terms-sidebar{overflow-x:auto;position:relative;top:0;width:100%}.terms-sidebar nav{flex-direction:row;gap:8px}.terms-sidebar nav a{border-bottom:3px solid #0000;border-left:none;white-space:nowrap}.terms-sidebar nav a.active{border-bottom:3px solid var(--accent);border-left:none}}body.light .terms-page-container{--bg-main:#f8f9fa;--bg-surface:#fff;--bg-hover:#e9ecef;--text-primary:#212529;--text-secondary:#6c757d;--accent:#08c;--accent-light:#0af;--accent-hover:#0069d9;--success:#28a745;--danger:#dc3545;--warning:#ffc107;--radius:8px;--border-color:#dee2e6;--shadow-soft:0 1px 3px #0000001f;--shadow-glow:0 0 5px #0000001a}.privacy-page-container{display:flex;gap:40px;margin:0 auto;max-width:1200px;width:100%}.privacy-sidebar{align-self:flex-start;flex-shrink:0;position:-webkit-sticky;position:sticky;top:100px;width:280px}.privacy-sidebar h3{border-bottom:1px solid var(--bg-hover);color:var(--text-secondary);font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.privacy-sidebar nav{display:flex;flex-direction:column;gap:4px}.privacy-sidebar nav a{border-left:3px solid #0000;border-radius:var(--radius);color:var(--text-secondary);display:block;font-size:14px;font-weight:500;padding:10px 12px;transition:all var(--transition)}.privacy-sidebar nav a:hover{background:var(--bg-hover);color:var(--text-primary)}.privacy-sidebar nav a.active{background:#0088cc1a;border-left:3px solid var(--accent);color:var(--accent);font-weight:700}.privacy-content{background:var(--bg-surface);border:1px solid var(--bg-hover);border-radius:var(--radius);flex:1 1;min-width:0;padding:32px}.privacy-content h1{border-bottom:1px solid var(--bg-hover);color:var(--text-primary);font-size:28px;margin-bottom:16px;padding-bottom:16px}.privacy-content p.last-updated{color:var(--text-secondary);font-size:14px;font-style:italic;margin-bottom:32px}.privacy-content-section{margin-bottom:40px}.privacy-content-section h2{border-bottom:1px solid var(--bg-hover);color:var(--text-primary);font-size:22px;margin:32px 0 16px;padding-bottom:8px}.privacy-content-section h3{color:var(--accent-light);font-size:18px;margin:24px 0 12px}.privacy-content-section li,.privacy-content-section p{color:var(--text-secondary);font-size:15px;line-height:1.7;margin-bottom:16px}.privacy-content-section ol,.privacy-content-section ul{padding-left:24px}.privacy-content-section a{color:var(--accent);font-weight:600;text-decoration:underline}.privacy-content-section a:hover{color:var(--accent-light)}.privacy-content-section strong{color:var(--text-primary);font-weight:600}@media (max-width:960px){.privacy-page-container{flex-direction:column}.privacy-sidebar{overflow-x:auto;position:relative;top:0;width:100%}.privacy-sidebar nav{flex-direction:row;gap:8px}.privacy-sidebar nav a{border-bottom:3px solid #0000;border-left:none;white-space:nowrap}.privacy-sidebar nav a.active{border-bottom:3px solid var(--accent);border-left:none}}body.light .privacy-page-container{--bg-main:#f8f9fa;--bg-surface:#fff;--bg-hover:#e9ecef;--text-primary:#212529;--text-secondary:#6c757d;--accent:#08c;--accent-light:#0af;--accent-hover:#0069d9;--success:#28a745;--danger:#dc3545;--warning:#ffc107;--radius:8px;--border-color:#dee2e6;--shadow-soft:0 1px 3px #0000001f;--shadow-glow:0 0 5px #0000001a}.risk-page-container{display:flex;gap:40px;margin:0 auto;max-width:1200px;width:100%}.risk-sidebar{align-self:flex-start;flex-shrink:0;position:-webkit-sticky;position:sticky;top:100px;width:280px}.risk-sidebar h3{border-bottom:1px solid var(--bg-hover);color:var(--text-secondary);font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.risk-sidebar nav{display:flex;flex-direction:column;gap:4px}.risk-sidebar nav a{border-left:3px solid #0000;border-radius:var(--radius);color:var(--text-secondary);display:block;font-size:14px;font-weight:500;padding:10px 12px;transition:all var(--transition)}.risk-sidebar nav a:hover{background:var(--bg-hover);color:var(--text-primary)}.risk-sidebar nav a.active{background:#0088cc1a;border-left:3px solid var(--accent);color:var(--accent);font-weight:700}.risk-content{background:var(--bg-surface);border:1px solid var(--bg-hover);border-radius:var(--radius);flex:1 1;min-width:0;padding:32px}.risk-content h1{border-bottom:1px solid var(--bg-hover);color:var(--text-primary);font-size:28px;margin-bottom:16px;padding-bottom:16px}.risk-content p.last-updated{color:var(--text-secondary);font-size:14px;font-style:italic;margin-bottom:32px}.risk-content-section{margin-bottom:40px}.risk-content-section h2{border-bottom:1px solid var(--bg-hover);color:var(--text-primary);font-size:22px;margin:32px 0 16px;padding-bottom:8px}.risk-content-section h3{color:var(--accent-light);font-size:18px;margin:24px 0 12px}.risk-content-section li,.risk-content-section p{color:var(--text-secondary);font-size:15px;line-height:1.7;margin-bottom:16px}.risk-content-section ol,.risk-content-section ul{padding-left:24px}.risk-content-section a{color:var(--accent);font-weight:600;text-decoration:underline}.risk-content-section a:hover{color:var(--accent-light)}.risk-content-section strong{color:var(--text-primary);font-weight:600}@media (max-width:960px){.risk-page-container{flex-direction:column}.risk-sidebar{overflow-x:auto;position:relative;top:0;width:100%}.risk-sidebar nav{flex-direction:row;gap:8px}.risk-sidebar nav a{border-bottom:3px solid #0000;border-left:none;white-space:nowrap}.risk-sidebar nav a.active{border-bottom:3px solid var(--accent);border-left:none}}body.light .risk-page-container{--bg-main:#f8f9fa;--bg-surface:#fff;--bg-hover:#e9ecef;--text-primary:#212529;--text-secondary:#6c757d;--accent:#08c;--accent-light:#0af;--accent-hover:#0069d9;--success:#28a745;--danger:#dc3545;--warning:#ffc107;--radius:8px;--border-color:#dee2e6;--shadow-soft:0 1px 3px #0000001f;--shadow-glow:0 0 5px #0000001a}:root{--bg-main:#050507;--bg-surface:#0f1113;--bg-hover:#0b0d0f;--text-primary:#e9eef5;--text-secondary:#9aa5b1;--accent:#08c;--accent-light:#00a8e6;--accent-2:#7af3c1;--danger:#ff6b6b;--header-h:74px;--menu-w:320px;--radius:12px;--transition:240ms cubic-bezier(.2,.9,.2,1);--shadow-glow:0 0 20px #0088cc4d}*{box-sizing:border-box}#root,body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background:#050507;background:var(--bg-main);color:#e9eef5;color:var(--text-primary);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-size:16px;height:100%;margin:0}a{color:inherit;text-decoration:none}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-header{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(90deg,#0f1113f2,#0088cc0d);border-bottom:1px solid #0088cc1a;box-shadow:0 0 20px #0088cc4d;box-shadow:var(--shadow-glow);height:74px;height:var(--header-h);justify-content:space-between;left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:1200}.app-header,.logo{align-items:center;display:flex;gap:12px}.logo{color:#e9eef5;color:var(--text-primary);cursor:pointer;font-size:24px;font-weight:700;transition:color .24s cubic-bezier(.2,.9,.2,1),text-shadow .24s cubic-bezier(.2,.9,.2,1);transition:color var(--transition),text-shadow var(--transition)}.logo:hover{color:#08c;color:var(--accent);text-shadow:0 0 10px #08c;text-shadow:0 0 10px var(--accent)}.header-controls{align-items:center;display:flex;gap:14px;margin-left:auto;padding-right:8px}.user-icon{border-radius:50%;cursor:pointer;padding:10px;position:relative;transition:all .24s cubic-bezier(.2,.9,.2,1);transition:all var(--transition)}.user-icon:hover{background:#0088cc1a;transform:scale(1.05)}.notifications-icon{border-radius:50%;cursor:pointer;padding:10px;position:relative;transition:all .24s cubic-bezier(.2,.9,.2,1);transition:all var(--transition)}.notifications-icon:hover{background:#ffffff14;transform:scale(1.05)}.notification-dot{align-items:center;animation:pulse 2s infinite;background:#7af3c1;background:var(--accent-2);border-radius:50%;color:#000;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;position:absolute;right:4px;top:4px;width:20px}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.notifications-dropdown{animation:slideDown .3s ease-out;background:#0f1113;background:var(--bg-surface);border-radius:12px;border-radius:var(--radius);box-shadow:0 10px 30px #00000080,0 0 20px #0088cc4d;box-shadow:0 10px 30px #00000080,var(--shadow-glow);max-height:500px;overflow:hidden;position:fixed;right:16px;top:74px;top:var(--header-h);width:380px;z-index:1100}.notifications-header{align-items:center;background:#050507;background:var(--bg-main);border-bottom:1px solid #0b0d0f;border-bottom:1px solid var(--bg-hover);display:flex;justify-content:space-between;padding:18px}.notifications-header h4{font-size:18px;margin:0}.notifications-header button{background:#0000;border:none;color:#9aa5b1;color:var(--text-secondary);cursor:pointer;font-size:22px;transition:color .24s cubic-bezier(.2,.9,.2,1);transition:color var(--transition)}.notifications-header button:hover{color:#08c;color:var(--accent)}.notifications-tabs{background:#050507;background:var(--bg-main);border-bottom:1px solid #0b0d0f;border-bottom:1px solid var(--bg-hover);display:flex}.tab-btn{background:#0000;border:none;color:#9aa5b1;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:15px;padding:14px;transition:all .24s cubic-bezier(.2,.9,.2,1);transition:all var(--transition)}.tab-btn:hover{color:#e9eef5;color:var(--text-primary)}.tab-btn.active{border-bottom:2px solid #08c;border-bottom:2px solid var(--accent);color:#08c;color:var(--accent);font-weight:600}.notifications-list-new{max-height:400px;overflow-y:auto;padding:0}.notification-item-new{align-items:flex-start;border-bottom:1px solid #0b0d0f;border-bottom:1px solid var(--bg-hover);display:flex;gap:12px;padding:14px 18px;transition:background .24s cubic-bezier(.2,.9,.2,1);transition:background var(--transition)}.notification-item-new:hover{background:#0b0d0f;background:var(--bg-hover)}.notification-item-new.unread{background:#7af3c10d}.notif-icon{flex-shrink:0;font-size:22px}.notif-content{flex:1 1}.notif-title{font-size:15px;font-weight:600;margin-bottom:4px}.notif-message{font-size:14px;line-height:1.4;margin-bottom:4px}.notif-message,.notif-time{color:#9aa5b1;color:var(--text-secondary)}.notif-time{font-size:13px}.mark-read-dot{background:#7af3c1;background:var(--accent-2);border:none;border-radius:50%;cursor:pointer;height:12px;transition:transform .24s cubic-bezier(.2,.9,.2,1);transition:transform var(--transition);width:12px}.mark-read-dot:hover{transform:scale(1.2)}.empty-state{color:#9aa5b1;color:var(--text-secondary);font-size:15px;font-style:italic;padding:24px;text-align:center}.hamburger-menu{--size:44px;align-items:center;background:#0000;border:none;border-radius:12px;border-radius:var(--radius);color:#08c;color:var(--accent);cursor:pointer;display:flex;height:var(--size);justify-content:center;padding:8px;position:relative;transition:all .24s cubic-bezier(.2,.9,.2,1);transition:all var(--transition);width:var(--size);z-index:1300}.hamburger-menu:hover{background:#0088cc1a;box-shadow:0 0 20px #0088cc4d;box-shadow:var(--shadow-glow);transform:scale(1.05)}.hamburger-menu.open,.hamburger-menu.open svg{color:#ff6b6b;color:var(--danger)}.hamburger-menu.open svg{transform:rotate(90deg)}@media (max-width:420px){.hamburger-menu{--size:40px;padding:6px}}.side-menu{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(180deg,#0f1113f2,#0088cc0d);border-left:1px solid #0088cc1a;box-shadow:-28px 24px 60px #0009,0 0 20px #0088cc4d;box-shadow:-28px 24px 60px #0009,var(--shadow-glow);display:flex;flex-direction:column;gap:16px;height:100%;max-width:90vw;opacity:0;padding:24px;position:fixed;right:-320px;right:calc(var(--menu-w)*-1);top:0;transition:all .24s cubic-bezier(.2,.9,.2,1);transition:all var(--transition);width:320px;width:var(--menu-w);z-index:1150}.side-menu.open{opacity:1;right:0}.side-menu-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.side-menu-header h3{color:#e9eef5;color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.close-menu{background:#0000;border:none;border-radius:12px;border-radius:var(--radius);color:#9aa5b1;color:var(--text-secondary);cursor:pointer;font-size:24px;padding:6px;transition:all .24s cubic-bezier(.2,.9,.2,1);transition:all var(--transition)}.close-menu:hover{background:#0088cc1a;color:#08c;color:var(--accent)}.side-menu-nav{display:flex;flex-direction:column;gap:8px;overflow:auto;padding-bottom:20px}.user-info-menu{background:#0088cc0d;border-radius:12px;border-radius:var(--radius);margin-bottom:12px;padding:14px 10px;text-align:center}.user-info-menu p{color:#08c;color:var(--accent);font-size:16px;margin:0}.menu-button,.menu-link{align-items:center;background:#0000;border:1px solid #0000;border-radius:12px;border-radius:var(--radius);color:#e9eef5;color:var(--text-primary);cursor:pointer;display:flex;font-size:17px;font-weight:600;gap:12px;padding:14px 10px;text-align:left;transition:all .24s cubic-bezier(.2,.9,.2,1);transition:all var(--transition);width:100%}.menu-button:hover,.menu-link:hover{background:#0088cc1a;box-shadow:0 0 20px #0088cc4d;box-shadow:var(--shadow-glow);color:#08c;color:var(--accent);transform:translateX(4px)}.menu-button.login,.menu-button.signup{border:1px solid #08c;border:1px solid var(--accent);padding:12px;text-align:center}.menu-button.login:hover,.menu-button.signup:hover{background:#08c;background:var(--accent);color:#000;transform:none}.submenu-container{display:flex;flex-direction:column;gap:8px}.has-submenu{padding-right:28px;position:relative}.has-submenu:after{border-bottom:2px solid #9aa5b1;border-bottom:2px solid var(--text-secondary);border-right:2px solid #9aa5b1;border-right:2px solid var(--text-secondary);content:"";height:10px;position:absolute;right:8px;top:50%;transform:translateY(-50%) rotate(45deg);transform-origin:center;transition:all .24s cubic-bezier(.2,.9,.2,1);transition:all var(--transition);width:10px}.has-submenu.open:after{border-color:#08c;border-color:var(--accent);transform:translateY(-50%) rotate(-45deg)}.submenu{display:flex;flex-direction:column;gap:8px;margin-left:14px;padding-left:8px}.submenu-link{border-radius:12px;border-radius:var(--radius);color:#9aa5b1;color:var(--text-secondary);font-size:16px;padding:8px 6px}.submenu-link:hover{background:#0088cc1a;color:#08c;color:var(--accent);transform:translateX(4px)}.content-container{align-items:flex-start;display:flex;justify-content:center;padding:106px 20px 32px;padding:calc(var(--header-h) + 32px) 20px 32px;width:100%}.box{background:#0000;border-radius:12px;border-radius:var(--radius);color:#e9eef5;color:var(--text-primary);max-width:980px;padding:32px;width:100%}.auth-container{margin:0 auto;max-width:520px;width:100%}.auth-form{background:linear-gradient(180deg,#ffffff03,#0088cc05);border:1px solid #0088cc1a;border-radius:12px;border-radius:var(--radius);box-shadow:0 10px 30px #0009,0 0 20px #0088cc4d;box-shadow:0 10px 30px #0009,var(--shadow-glow);padding:32px;width:100%}.auth-form h2{color:#e9eef5;color:var(--text-primary);font-size:24px;margin:0 0 24px;text-align:center}.input-group{margin-bottom:22px}.input-group label{color:#9aa5b1;color:var(--text-secondary);display:block;font-size:15px;margin-bottom:10px}.input-group input{background:#0000;border:1px solid #ffffff08;border-radius:12px;border-radius:var(--radius);box-sizing:border-box;color:#e9eef5;color:var(--text-primary);display:block;font-size:17px;max-width:100%;min-height:50px;outline:none;padding:14px 16px;transition:all .24s cubic-bezier(.2,.9,.2,1);transition:all var(--transition);width:100%}.input-group input::placeholder{color:#9aa5b166}.input-group input:focus{border-color:#0088cc4d;box-shadow:0 6px 18px #0088cc1a,0 0 20px #0088cc4d;box-shadow:0 6px 18px #0088cc1a,var(--shadow-glow);transform:translateY(-1px)}.password-wrapper{position:relative}.password-wrapper button{background:#0000;border:none;border-radius:12px;border-radius:var(--radius);color:#9aa5b1;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:6px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .24s cubic-bezier(.2,.9,.2,1);transition:color var(--transition)}.password-wrapper button:hover{color:#08c;color:var(--accent)}.password-hints{color:#9aa5b1;color:var(--text-secondary);font-size:14px;margin-top:10px;max-height:0;opacity:0;overflow:hidden;transition:all .24s cubic-bezier(.2,.9,.2,1);transition:all var(--transition)}.password-hints.visible{max-height:200px;opacity:1}.password-hints span{align-items:center;display:flex;gap:8px;margin:6px 0}.password-hints span.valid{color:#7af3c1;color:var(--accent-2)}.password-hints span.invalid{color:#ff6b6b;color:var(--danger)}.password-hints span.valid:before{content:"✔";font-weight:700}.password-hints span.invalid:before{content:"✖";font-weight:700}.auth-button{background:linear-gradient(90deg,#08c,#00a8e6);background:linear-gradient(90deg,var(--accent),var(--accent-light));border:none;border-radius:12px;border-radius:var(--radius);box-shadow:0 8px 30px #08c3,0 0 20px #0088cc4d;box-shadow:0 8px 30px #08c3,var(--shadow-glow);color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;padding:14px;transition:all .24s cubic-bezier(.2,.9,.2,1);transition:all var(--transition);width:100%}.auth-button:hover{box-shadow:0 14px 40px #0088cc4d,0 0 20px #0088cc4d;box-shadow:0 14px 40px #0088cc4d,var(--shadow-glow);transform:translateY(-2px)}.error-message{background:#ff6b6b0f;border-radius:12px;border-radius:var(--radius);color:#ff6b6b;color:var(--danger);font-size:15px;padding:10px 14px}.remember-group,.terms-group{margin:1.2rem 0}.checkbox-label{align-items:center;color:#9aa5b1;color:var(--text-secondary);cursor:pointer;display:flex;font-size:15px;gap:.6rem}.checkbox-label input{accent-color:#08c;accent-color:var(--accent);transform:scale(1.2)}.warning-tooltip{border-bottom:1px dotted #ff6b6b;border-bottom:1px dotted var(--danger);display:inline-block;position:relative}.warning-tooltip:hover:after{background:#ff6b6b;background:var(--danger);border-radius:4px;bottom:100%;color:#fff;content:attr(data-tooltip);left:0;padding:.5rem;position:absolute;white-space:nowrap;z-index:10}.password-strength-bar{background:#0b0d0f;background:var(--bg-hover);border-radius:2px;height:5px;margin-top:.6rem;overflow:hidden}.strength-fill{height:100%;transition:width .3s ease,background-color .3s ease}.auth-button.primary{background:linear-gradient(90deg,#08c,#00a8e6);background:linear-gradient(90deg,var(--accent),var(--accent-light));box-shadow:0 4px 12px #08c3,0 0 20px #0088cc4d;box-shadow:0 4px 12px #08c3,var(--shadow-glow);color:#fff;font-weight:700}.auth-button.primary:hover{box-shadow:0 6px 12px #0088cc4d,0 0 20px #0088cc4d;box-shadow:0 6px 12px #0088cc4d,var(--shadow-glow);transform:translateY(-1px)}.auth-button.secondary{font-size:16px}.auth-button.secondary:hover{box-shadow:0 0 20px #0088cc4d;box-shadow:var(--shadow-glow)}.forgot-link{background:none;border:none;color:#ff6b6b;color:var(--danger);cursor:pointer;display:block;font-size:15px;margin-top:1.2rem;text-align:center;text-decoration:underline}.forgot-link:hover{color:#f44}.modal-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.forgot-modal{background:#0f1113;background:var(--bg-surface);border-radius:12px;border-radius:var(--radius);box-shadow:0 0 20px #0088cc4d;box-shadow:var(--shadow-glow);max-height:80vh;max-width:440px;overflow-y:auto;padding:2.4rem;width:90%}.forgot-modal h3{color:#e9eef5;color:var(--text-primary);font-size:20px;margin-bottom:1.2rem}.forgot-modal form{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:1rem}.forgot-modal input{background:#0b0d0f;background:var(--bg-hover);border:1px solid #0b0d0f;border:1px solid var(--bg-hover);border-radius:12px;border-radius:var(--radius);color:#e9eef5;color:var(--text-primary);font-size:16px;padding:1rem}.close-modal{background:#ff6b6b;background:var(--danger);border:none;border-radius:12px;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:16px;padding:.6rem 1.2rem;width:100%}.toasts-container{display:flex;flex-direction:column;gap:12px;position:fixed;right:20px;top:110px;z-index:1000}.toast{animation:slideIn .3s ease;border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 12px #0000004d;color:#fff;font-size:16px;min-width:320px;padding:18px 24px}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-success{background:#089981}.toast-error{background:#f23645}@media (max-width:760px){:root{--menu-w:92vw}.content-container{padding:96px 14px 28px;padding:calc(var(--header-h) + 22px) 14px 28px}.auth-form{padding:24px}.logo{font-size:20px}.menu-button,.menu-link{font-size:16px;padding:12px 10px}}@media (max-width:420px){.side-menu{padding:22px 18px;right:-100vw;width:100vw}.side-menu.open{right:0}.hamburger-menu{--size:42px;padding:20px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.switch-auth{color:#9aa5b1;color:var(--text-secondary);font-size:15px;margin-top:16px;text-align:center}.switch-auth a{color:#08c!important;color:var(--accent)!important;font-weight:600;text-decoration:underline;-webkit-text-decoration-color:#08c;text-decoration-color:#08c;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);-webkit-text-decoration-style:dashed;text-decoration-style:dashed}.switch-auth a:hover{color:#00a8e6!important;color:var(--accent-light)!important;text-decoration-thickness:2px}.auth-button.secondary{background:#0000;border:2px solid #08c;border:2px solid var(--accent);color:#08c;color:var(--accent);margin-top:1.2rem}.auth-button.secondary:hover{background:#08c;background:var(--accent);color:#fff}.app-footer{background:#0f1113;background:var(--bg-surface);border-top:1px solid #0b0d0f;border-top:1px solid var(--bg-hover);color:#9aa5b1;color:var(--text-secondary);font-size:15px;margin-top:auto;padding:60px 24px 24px}.footer-container{grid-gap:36px;display:grid;gap:36px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:0 auto 40px;max-width:1400px}.footer-section{min-width:200px}.footer-section h3{color:#e9eef5;color:var(--text-primary);font-size:18px;font-weight:600;letter-spacing:.5px;margin-bottom:24px;text-transform:uppercase}.footer-section p{line-height:1.7;margin-bottom:18px;max-width:320px}.social-icons{display:flex;gap:18px}.social-icons a{color:#9aa5b1;color:var(--text-secondary);font-size:24px;transition:all .2s ease-out}.social-icons a:hover{color:#08c;color:var(--accent);transform:translateY(-3px)}.footer-section.links ul{list-style:none;margin:0;padding:0}.footer-section.links li{margin-bottom:14px}.footer-section.links a{color:#9aa5b1;color:var(--text-secondary);font-size:16px;text-decoration:none;transition:all .2s ease-out}.footer-section.links a:hover{color:#08c;color:var(--accent);padding-left:4px}.footer-section.newsletter p{font-size:14px;margin-bottom:18px}.newsletter-form{align-items:center;background:#050507;background:var(--bg-main);border:1px solid #0b0d0f;border:1px solid var(--bg-hover);border-radius:12px;border-radius:var(--radius);display:flex;max-width:320px;position:relative;transition:all .24s cubic-bezier(.2,.9,.2,1);transition:all var(--transition)}.newsletter-form:focus-within{border-color:#08c;border-color:var(--accent);box-shadow:0 0 20px #0088cc4d;box-shadow:var(--shadow-glow)}.newsletter-form .email-icon{color:#9aa5b1;color:var(--text-secondary);font-size:18px;margin:0 14px}.newsletter-form input{background:#0000;border:none;color:#e9eef5;color:var(--text-primary);flex:1 1;font-size:16px;outline:none;padding:14px 0}.newsletter-form button{background:#08c;background:var(--accent);border:none;border-radius:0 12px 12px 0;border-radius:0 var(--radius) var(--radius) 0;color:#fff;cursor:pointer;font-size:22px;font-weight:700;padding:12px 18px;transition:all .24s cubic-bezier(.2,.9,.2,1);transition:all var(--transition)}.newsletter-form button:hover{background:#00a8e6;background:var(--accent-light);box-shadow:0 0 20px #0088cc4d;box-shadow:var(--shadow-glow)}.footer-bottom{align-items:center;border-top:1px solid #0b0d0f;border-top:1px solid var(--bg-hover);display:flex;flex-wrap:wrap;font-size:14px;gap:12px;justify-content:space-between;margin-top:36px;padding-top:24px;text-align:center}.footer-bottom p{margin:0}.footer-bottom a{color:#9aa5b1;color:var(--text-secondary);margin:0 10px;transition:color .24s cubic-bezier(.2,.9,.2,1);transition:color var(--transition)}.footer-bottom a:hover{color:#08c;color:var(--accent)}@media (max-width:760px){.footer-container{gap:24px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.footer-section.about,.footer-section.newsletter{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:14px}}.user-dropdown{animation:slideDown .3s ease-out;background:#0f1113;background:var(--bg-surface);border-radius:12px;border-radius:var(--radius);box-shadow:0 10px 30px #00000080,0 0 20px #0088cc4d;box-shadow:0 10px 30px #00000080,var(--shadow-glow);max-height:400px;overflow:hidden;position:fixed;right:80px;top:74px;top:var(--header-h);width:300px;z-index:1100}.user-dropdown-header{align-items:center;background:#050507;background:var(--bg-main);border-bottom:1px solid #0b0d0f;border-bottom:1px solid var(--bg-hover);display:flex;gap:14px;padding:18px}.user-avatar-small{border-radius:50%;box-shadow:0 0 20px #0088cc4d;box-shadow:var(--shadow-glow);flex-shrink:0;height:44px;overflow:hidden;width:44px}.user-avatar-small img{height:100%;object-fit:cover;width:100%}.user-info-small{flex:1 1;min-width:0}.user-info-small p{color:#e9eef5;color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info-small small{color:#9aa5b1;color:var(--text-secondary);font-size:13px}.user-dropdown-nav{display:flex;flex-direction:column;max-height:300px;overflow-y:auto;padding:0}.user-menu-link{align-items:center;background:#0000;border:none;color:#e9eef5;color:var(--text-primary);display:flex;font-size:15px;gap:12px;padding:14px 18px;text-align:left;text-decoration:none;transition:all .24s cubic-bezier(.2,.9,.2,1);transition:all var(--transition);width:100%}.user-menu-link:hover{background:#0088cc1a;box-shadow:inset 3px 0 0 #08c;box-shadow:inset 3px 0 0 var(--accent);color:#08c;color:var(--accent);padding-left:24px}.user-menu-logout{align-items:center;background:#0000;border:none;color:#ff6b6b;color:var(--danger);cursor:pointer;display:flex;font-size:15px;gap:12px;margin-top:auto;padding:14px 18px;text-align:left;transition:all .24s cubic-bezier(.2,.9,.2,1);transition:all var(--transition);width:100%}.user-menu-logout:hover{background:#ff6b6b14;color:#ff8a8a}@media (max-width:420px){.user-dropdown{max-width:90vw;right:16px;width:320px}}.header-nav{align-items:center;display:flex;gap:10px;margin-left:28px;margin-right:auto}.header-nav-item{position:relative}.header-nav-link,.header-nav-link-simple{align-items:center;background:#0000;border:none;border-radius:12px;border-radius:var(--radius);color:#9aa5b1;color:var(--text-secondary);cursor:pointer;display:flex;font-size:17px;font-weight:600;padding:10px 14px;transition:all .24s cubic-bezier(.2,.9,.2,1);transition:all var(--transition)}.header-nav-link-simple.active,.header-nav-link-simple:hover,.header-nav-link.active,.header-nav-link:hover{background:#0088cc1a;color:#08c;color:var(--accent)}.header-dropdown-menu{animation:slideDown .3s ease-out;background:#0f1113;background:var(--bg-surface);border:1px solid #0b0d0f;border:1px solid var(--bg-hover);border-radius:12px;border-radius:var(--radius);box-shadow:0 10px 30px #00000080,0 0 20px #0088cc4d;box-shadow:0 10px 30px #00000080,var(--shadow-glow);left:0;padding:10px;position:absolute;top:calc(100% + 10px);width:200px;z-index:1250}.header-dropdown-link{border-radius:12px;border-radius:var(--radius);color:#e9eef5;color:var(--text-primary);display:block;font-size:16px;padding:12px 14px;text-align:left;transition:all .24s cubic-bezier(.2,.9,.2,1);transition:all var(--transition);width:100%}.header-dropdown-link:hover{background:#0088cc1a;color:#08c;color:var(--accent);transform:translateX(4px)}.menu-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1140}@media (max-width:760px){.header-nav{display:none}}.perp-toasts-container{display:flex;flex-direction:column;gap:12px;position:fixed;right:20px;top:110px;z-index:1000}.perp-toast{animation:slideIn .3s ease;border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 12px #0000004d;color:#fff;font-size:16px;min-width:320px;padding:18px 24px}.perp-toast-success{background:#089981}.perp-toast-error{background:#f23645}.tfa-modal{animation:slideDown .3s ease-out;background:#0f1113;background:var(--bg-surface);border:1px solid #0088cc1a;border-radius:12px;border-radius:var(--radius);box-shadow:0 10px 30px #00000080,0 0 20px #0088cc4d;box-shadow:0 10px 30px #00000080,var(--shadow-glow);max-width:440px;padding:32px;width:90%}.tfa-modal h3{color:#e9eef5;color:var(--text-primary);font-size:20px;margin-bottom:14px;margin-top:0;text-align:center}.tfa-modal p{color:#9aa5b1;color:var(--text-secondary);font-size:16px;margin-bottom:24px;text-align:center}.tfa-modal form{display:flex;flex-direction:column;gap:18px}.tfa-modal input{background:#050507;background:var(--bg-main);border:1px solid #0b0d0f;border:1px solid var(--bg-hover);border-radius:12px;border-radius:var(--radius);color:#e9eef5;color:var(--text-primary);display:block;font-size:24px;font-weight:700;letter-spacing:4px;outline:none;padding:16px 18px;text-align:center;transition:all .24s cubic-bezier(.2,.9,.2,1);transition:all var(--transition);width:100%}.tfa-modal input:focus{border-color:#0088cc4d;box-shadow:0 6px 18px #0088cc1a,0 0 20px #0088cc4d;box-shadow:0 6px 18px #0088cc1a,var(--shadow-glow)}.tfa-backup-toggle{background:none;border:none;color:#9aa5b1;color:var(--text-secondary);cursor:pointer;font-size:14px;margin-top:18px;text-decoration:underline;transition:color .24s cubic-bezier(.2,.9,.2,1);transition:color var(--transition)}.tfa-backup-toggle:hover{color:#08c;color:var(--accent)}.tfa-modal .close-modal{background:#0000;border:1px solid #9aa5b1;border:1px solid var(--text-secondary);border-radius:12px;border-radius:var(--radius);color:#9aa5b1;color:var(--text-secondary);cursor:pointer;font-size:16px;margin-top:12px;padding:12px;transition:all .24s cubic-bezier(.2,.9,.2,1);transition:all var(--transition);width:100%}.tfa-modal .close-modal:hover{background:#0b0d0f;background:var(--bg-hover);border-color:#e9eef5;border-color:var(--text-primary);color:#e9eef5;color:var(--text-primary)}.logo img{height:75px!important;max-height:100%;width:auto}body.light{--bg-main:#f8f9fa;--bg-surface:#fff;--bg-hover:#e9ecef;--text-primary:#212529;--text-secondary:#6c757d;--accent:#08c;--accent-light:#0af;--accent-hover:#0069d9;--accent-2:#28a745;--danger:#dc3545;--header-h:74px;--menu-w:320px;--radius:12px;--transition:240ms cubic-bezier(.2,.9,.2,1);--shadow-glow:0 0 20px #0088cc1a}body.light #root,body.light body,body.light html{background:#f8f9fa}body.light .app-header{background:linear-gradient(90deg,#fffffff2,#0088cc0d);border-bottom:1px solid #0088cc1a}body.light .logo:hover{text-shadow:0 0 10px #0088cc4d}body.light .user-icon:hover{background:#0088cc0d}body.light .notifications-icon:hover{background:#0000000d}body.light .notification-dot{background:#28a745;color:#fff}body.light .notifications-dropdown{background:#fff}body.light .notifications-header{background:#f8f9fa;border-bottom-color:#e9ecef}body.light .tab-btn.active{border-bottom-color:#08c}body.light .notification-item-new:hover{background:#e9ecef}body.light .notification-item-new.unread{background:#28a7450d}body.light .notif-message,body.light .notif-time{color:#6c757d}body.light .hamburger-menu:hover{background:#0088cc0d}body.light .side-menu{background:linear-gradient(180deg,#fffffff2,#0088cc0d);border-left:1px solid #0088cc1a}body.light .close-menu:hover,body.light .menu-button:hover,body.light .menu-link:hover,body.light .user-info-menu{background:#0088cc0d}body.light .menu-button.login:hover,body.light .menu-button.signup:hover{color:#212529}body.light .has-submenu:after{border-color:#6c757d}body.light .has-submenu.open:after{border-color:#08c}body.light .submenu-link{color:#6c757d}body.light .submenu-link:hover{background:#0088cc0d}body.light .box{background:#0000}body.light .auth-form{background:linear-gradient(180deg,#00000003,#0088cc05);border:1px solid #0088cc1a}body.light .input-group input{background:#0000;border-color:#00000008}body.light .password-hints,body.light .password-wrapper button{color:#6c757d}body.light .password-hints span.valid{color:#28a745}body.light .password-hints span.invalid{color:#dc3545}body.light .auth-button{background:linear-gradient(90deg,#08c,#0af);box-shadow:0 8px 30px #0088cc1a,0 0 5px #0000001a}body.light .auth-button:hover{box-shadow:0 14px 40px #0088cc26,0 0 5px #0000001a}body.light .error-message{background:#dc35450f}body.light .switch-auth{color:#6c757d}body.light .switch-auth a{-webkit-text-decoration-color:#08c;text-decoration-color:#08c}body.light .auth-button.secondary{border-color:#08c;color:#08c}body.light .auth-button.secondary:hover{color:#fff}body.light .forgot-link{color:#dc3545}body.light .forgot-modal{background:#fff}body.light .forgot-modal h3{color:#212529}body.light .forgot-modal input{background:#e9ecef;border-color:#e9ecef;color:#212529}body.light .close-modal{background:#dc3545}body.light .toast-success{background:#28a745}body.light .toast-error{background:#dc3545}body.light .app-footer{background:#fff;border-top-color:#e9ecef}body.light .footer-section h3{color:#212529}body.light .footer-section.links a,body.light .social-icons a{color:#6c757d}body.light .newsletter-form{background:#f8f9fa;border-color:#e9ecef}body.light .newsletter-form .email-icon{color:#6c757d}body.light .newsletter-form input{color:#212529}body.light .newsletter-form button{background:#08c}body.light .footer-bottom a{color:#6c757d}body.light .user-dropdown{background:#fff}body.light .user-dropdown-header{background:#f8f9fa;border-bottom-color:#e9ecef}body.light .user-menu-link:hover{background:#0088cc0d}body.light .user-menu-logout:hover{background:#dc35450d;color:#dc3545}body.light .header-nav-link-simple.active,body.light .header-nav-link-simple:hover,body.light .header-nav-link.active,body.light .header-nav-link:hover{background:#0088cc0d}body.light .header-dropdown-menu{background:#fff;border-color:#e9ecef}body.light .header-dropdown-link:hover{background:#0088cc0d}body.light .menu-overlay{background:#0000004d}body.light .perp-toast-success{background:#28a745}body.light .perp-toast-error{background:#dc3545}body.light .tfa-modal{background:#fff;border-color:#0088cc1a}body.light .tfa-modal input{background:#f8f9fa;border-color:#e9ecef}body.light .tfa-backup-toggle{color:#6c757d}body,html{margin:0!important;max-width:100vw!important;overflow-x:hidden!important;padding:0!important;width:100vw!important}#root,.app-container{margin:0!important;max-width:100%!important;padding:0!important;width:100%!important}.app-container{align-items:stretch!important}.content-container{display:block!important;margin:0!important;max-width:100%!important;padding:74px 0 0!important;padding:var(--header-h) 0 0 0!important;width:100%!important}.app-footer,.assets-page-full,.box,.footer-container,.page-content-wrapper,.settings-layout,.settings-page-full{border:none!important;border-radius:0!important;box-shadow:none!important;margin:0!important;max-width:100%!important;min-width:100%!important;padding-left:0!important;padding-right:0!important;width:100%!important}body.light,body.light #root,body.light .app-container,body.light .assets-page-full,body.light .box,body.light .content-container{background-color:#f8f9fa!important}