@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@layer tokens,reset,layout,components,mobile,pages;@layer tokens{:root{--bg-primary: #0C1220;--bg-surface: #111827;--bg-elevated: #1A2235;--bg-hover: #1E2940;--border: #1E2D47;--border-light: #253557;--accent: #5B6CF9;--accent-hover: #4A5BEF;--accent-dim: rgba(91, 108, 249, .14);--text-primary: #E8EDF5;--text-secondary: #7A8BA8;--text-muted: #3D5070;--green: #0ECB81;--green-dim: rgba(14, 203, 129, .12);--red: #F6465D;--red-dim: rgba(246, 70, 93, .12);--yellow: #F0B90B;--topbar-h: 56px;--left-w: 62px;--right-w: 288px}.bf-app[data-theme=light]{--bg-primary: #F0F4FA;--bg-surface: #FFFFFF;--bg-elevated: #EDF1F8;--bg-hover: #E4EAF4;--border: #DDE3EE;--border-light: #C9D2E0;--text-primary: #0F1923;--text-secondary:#4A5568;--text-muted: #94A3B8;--accent-dim: rgba(91, 108, 249, .12);--green-dim: rgba(14, 203, 129, .12);--red-dim: rgba(246, 70, 93, .12)}body:has(.bf-app[data-theme=light]){background:#f0f4fa}}@layer reset{*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);font-size:13px;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}}@keyframes bf-panel-enter{0%{opacity:0;transform:scale(.96) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes bf-panel-enter-up{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@layer layout{.bf-app{display:flex;flex-direction:column;height:100vh}.bf-main{display:flex;flex:1;overflow:hidden}.topbar{height:var(--topbar-h);background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;gap:14px;flex-shrink:0;z-index:100}.topbar-logo img{height:30px;width:auto;display:block}.topbar-desk-btns{display:flex;gap:6px}.topbar-logo .topbar-logo-icon{display:none}.topbar-divider{width:1px;height:22px;background:var(--border-light);flex-shrink:0}.topbar-market{display:flex;align-items:center;gap:10px}.market-symbol{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:.3px}.market-price{font-size:14px;font-weight:600;color:var(--green);font-variant-numeric:tabular-nums}.market-change{font-size:11px;font-weight:600;padding:3px 7px;border-radius:4px}.market-change.up{background:var(--green-dim);color:var(--green)}.market-change.down{background:var(--red-dim);color:var(--red)}.topbar-spacer{flex:1}.topbar-right{display:flex;align-items:center;gap:6px}.topbar-right .btn,.topbar-right .bal-btn,.topbar-right .topbar-user-chip{height:34px;padding:0 12px;border-radius:7px;font-size:12px;font-weight:600;line-height:1;box-sizing:border-box}.sound-toggle-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid var(--border);background:var(--bg-elevated);color:var(--accent);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s,color .15s,opacity .15s;flex-shrink:0;padding:0}.sound-toggle-btn svg{width:16px;height:16px}.sound-toggle-btn:hover{background:var(--accent-dim);border-color:var(--accent)}.sound-toggle-btn.muted{color:var(--text-muted);border-color:var(--border);background:var(--bg-elevated);opacity:.6}.sound-toggle-btn.muted:hover{opacity:1;color:var(--text-secondary)}.balance-chip{display:flex;align-items:center;gap:7px;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:8px;padding:5px 10px;margin-right:4px}.balance-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.balance-value{font-size:14px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.balance-chip-info{display:flex;flex-direction:column;gap:1px}.bal-btn{display:flex;align-items:center;gap:8px;background:var(--bg-elevated);border:1px solid var(--border-light);cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s;-webkit-user-select:none;user-select:none}.bal-btn:hover,.bal-btn.open{border-color:var(--accent);background:var(--bg-hover)}.bal-btn-badge{font-size:9px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;padding:2px 6px;border-radius:4px;line-height:1.5;flex-shrink:0}.bal-btn-badge.demo{color:#f0b90b;background:#f0b90b21}.bal-btn-badge.live{color:var(--green);background:var(--green-dim)}.bal-btn-info{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.bal-btn-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);line-height:1}.bal-btn-value{font-size:13px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1}.bal-btn-caret{color:var(--text-muted);flex-shrink:0;transition:transform .15s}.bal-btn.open .bal-btn-caret{transform:rotate(180deg)}.bal-menu{position:fixed;top:52px;right:180px;width:230px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:10px;box-shadow:0 12px 40px #00000080,0 2px 8px #0000004d;z-index:400;overflow:hidden}.bal-menu-top{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 10px}.bal-menu-balance{display:flex;flex-direction:column;gap:4px}.bal-menu-balance-label-row{display:flex;align-items:center;gap:6px}.bal-menu-balance-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.bal-eye-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:0;transition:background .12s,color .12s;flex-shrink:0}.bal-eye-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.bal-menu-balance-val{font-size:20px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1}.bal-hidden-stars{font-size:18px;letter-spacing:3px;color:var(--text-secondary);font-style:normal}.bal-btn-hidden{font-size:11px;letter-spacing:2px;color:var(--text-secondary)}.bal-menu-reset{display:flex;align-items:center;gap:4px;background:#f0b90b1a;border:1px solid rgba(240,185,11,.25);border-radius:6px;color:#f0b90b;font-family:inherit;font-size:10px;font-weight:600;padding:5px 8px;cursor:pointer;transition:background .12s;white-space:nowrap}.bal-menu-reset:hover{background:#f0b90b2e}.bal-menu-divider{height:1px;background:var(--border)}.bal-menu-section-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);padding:8px 14px 4px}.bal-menu-modes{display:flex;flex-direction:column;padding:0 6px 6px;gap:3px}.bal-mode-btn{display:flex;align-items:center;gap:10px;padding:8px 10px;background:transparent;border:1px solid transparent;border-radius:7px;cursor:pointer;font-family:inherit;transition:background .12s,border-color .12s;text-align:left;width:100%}.bal-mode-btn:hover{background:var(--bg-elevated)}.bal-mode-btn.active.demo{background:#f0b90b12;border-color:#f0b90b33}.bal-mode-btn.active.live{background:var(--green-dim);border-color:#0ecb8140}.bal-mode-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.bal-mode-dot.demo{background:#f0b90b;box-shadow:0 0 6px #f0b90b80}.bal-mode-dot.live{background:var(--green)}.bal-mode-info{display:flex;flex-direction:column;gap:1px;flex:1}.bal-mode-name{font-size:12px;font-weight:600;color:var(--text-primary)}.bal-mode-desc{font-size:10px;color:var(--text-muted)}.bal-mode-check{font-size:11px;color:var(--accent);font-weight:700}.bal-menu-actions{display:flex;gap:6px;padding:8px 10px}.bal-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 6px;border-radius:7px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s;border:1px solid}.bal-action-btn.deposit{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.bal-action-btn.deposit:hover{background:var(--accent);color:#fff}.bal-action-btn.withdraw{background:transparent;border-color:var(--border-light);color:var(--text-secondary)}.bal-action-btn.withdraw:hover{border-color:var(--text-secondary);color:var(--text-primary)}.btn{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:7px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;border:none;transition:background .14s,color .14s,border-color .14s,opacity .14s;white-space:nowrap;line-height:1}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-light)}.btn-ghost:hover{background:var(--bg-elevated);color:var(--text-primary)}.btn-outline-accent{background:transparent;color:var(--accent);border:1px solid var(--accent)}.btn-outline-accent:hover{background:var(--accent-dim)}.btn-accent{background:var(--accent);color:#fff;border:1px solid transparent}.btn-accent:hover{background:var(--accent-hover)}.btn-deposit{background:linear-gradient(135deg,#5b6cf9,#8b5cf6);color:#fff;border:1px solid transparent}.btn-deposit:hover{opacity:.88}.left-sidebar{width:var(--left-w);background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:6px 0;gap:0;flex-shrink:0;overflow-y:auto}.tool-group{display:flex;flex-direction:column;align-items:center;width:100%;padding:4px 0}.tool-group+.tool-group{border-top:1px solid var(--border);margin-top:2px;padding-top:6px}.tool-btn{position:relative;width:50px;height:auto;min-height:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px 2px;border-radius:8px;cursor:pointer;color:var(--text-secondary);background:transparent;border:none;transition:background .13s,color .13s,transform .1s;margin-bottom:2px}.tool-btn:active{transform:scale(.91)}.tool-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.tool-btn.active{background:var(--accent-dim);color:var(--accent)}.tool-btn svg{width:17px;height:17px;flex-shrink:0;pointer-events:none}.tool-btn-label{font-size:8.5px;font-weight:600;line-height:1;letter-spacing:.02em;text-transform:uppercase;color:inherit;opacity:.65;pointer-events:none;white-space:nowrap}.tool-btn:hover .tool-btn-label,.tool-btn.active .tool-btn-label{opacity:1}.tool-group-label{font-size:8px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.09em;padding:2px 0 4px;opacity:.5;pointer-events:none}}@layer components{.ctp-panel{position:fixed;left:calc(var(--left-w) + 8px);top:120px;z-index:300;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:6px;min-width:148px;box-shadow:0 8px 24px #00000047;display:flex;flex-direction:column;gap:2px;animation:bf-panel-enter .15s cubic-bezier(.2,0,0,1) both}.ctp-title{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;padding:4px 8px 6px}.ctp-option{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border:none;border-radius:7px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .12s,color .12s;font-size:12.5px;font-weight:500}.ctp-option:hover{background:var(--bg-elevated);color:var(--text-primary)}.ctp-option.active{background:var(--accent-dim);color:var(--accent)}.ctp-option-icon{display:flex;align-items:center;flex-shrink:0}.ctp-option-icon svg{width:15px;height:15px}.ctp-option-label{flex:1;text-align:left}.ctp-option-check{font-size:11px;font-weight:700;color:var(--accent)}.chart-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.ct-bar{display:flex;align-items:center;height:36px;background:var(--bg-primary);border-bottom:1px solid var(--border);flex-shrink:0;overflow:hidden}.ct-tabs-scroll{display:flex;align-items:stretch;flex:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.ct-tabs-scroll::-webkit-scrollbar{display:none}.ct-tab{display:flex;align-items:center;gap:5px;padding:0 10px 0 12px;height:36px;white-space:nowrap;cursor:pointer;border-right:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:12px;font-weight:500;-webkit-user-select:none;user-select:none;position:relative;transition:background .12s,color .12s;flex-shrink:0}.ct-tab:hover{background:var(--bg-elevated);color:var(--text-secondary)}.ct-tab.active{background:var(--bg-surface);color:var(--text-primary);border-bottom:2px solid var(--accent);margin-bottom:-1px}.ct-tab-icon{font-size:11px;opacity:.7}.ct-tab.active .ct-tab-icon{opacity:1}.ct-tab-name{font-size:11px;font-weight:600;letter-spacing:.2px}.ct-tab-payout{font-size:9px;font-weight:700;color:var(--green);background:#0ecb811a;border-radius:3px;padding:1px 4px;letter-spacing:.2px;line-height:1.4}.ct-tab-close{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:3px;border:none;background:none;color:var(--text-muted);cursor:pointer;padding:0;margin-left:2px;opacity:0;transition:opacity .12s,background .12s,color .12s;flex-shrink:0}.ct-tab:hover .ct-tab-close,.ct-tab.active .ct-tab-close{opacity:1}.ct-tab-close:hover{background:var(--red-dim);color:var(--red)}.ct-add-btn{display:flex;align-items:center;justify-content:center;width:34px;height:36px;border:none;border-left:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:background .12s,color .12s}.ct-add-btn:hover{background:var(--bg-elevated);color:var(--accent)}.chart-header{height:42px;background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 10px;gap:1px;flex-shrink:0;overflow-x:auto}.chart-header-intervals{display:contents}.chart-header::-webkit-scrollbar{height:0}.interval-btn{padding:5px 8px;border-radius:5px;font-size:12px;font-weight:500;cursor:pointer;background:transparent;border:none;color:var(--text-secondary);font-family:inherit;transition:background .12s,color .12s;white-space:nowrap;line-height:1}.interval-btn:hover{color:var(--text-primary);background:var(--bg-elevated)}.interval-btn.active{background:var(--accent-dim);color:var(--accent)}.interval-live-label{font-size:11px;font-weight:600;color:var(--accent);padding:2px 8px;background:var(--accent-dim);border-radius:4px;letter-spacing:.03em}.interval-sep{width:1px;height:14px;background:var(--border-light);margin:0 6px;flex-shrink:0}.tz-select-wrap{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0;position:relative}.tz-select-icon{width:13px;height:13px;color:var(--text-muted);flex-shrink:0;pointer-events:none}.tz-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--border-light);border-radius:5px;color:var(--text-secondary);font-family:inherit;font-size:11px;font-weight:500;padding:3px 20px 3px 7px;cursor:pointer;outline:none;transition:border-color .12s,color .12s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%237A8BA8' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 5px center}.tz-select:hover{border-color:var(--accent);color:var(--text-primary)}.tz-select:focus{border-color:var(--accent);color:var(--text-primary)}.tz-select option{background:var(--bg-surface);color:var(--text-primary)}.chart-container{flex:1;overflow:hidden;background:var(--bg-primary);position:relative}.ivp-wrap{position:absolute;bottom:32px;left:12px;z-index:20;display:flex;flex-direction:column;align-items:flex-start}.ivp-btn{display:flex;align-items:center;gap:4px;padding:5px 9px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:6px;color:var(--text-secondary);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:border-color .12s,color .12s,background .12s;white-space:nowrap;line-height:1;box-shadow:0 2px 8px #00000040}.ivp-btn:hover{border-color:var(--accent);color:var(--text-primary);background:var(--bg-elevated)}.ivp-live-badge{display:inline-flex;align-items:center;padding:5px 9px;background:var(--accent-dim);border:1px solid var(--accent);border-radius:6px;color:var(--accent);font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.04em;box-shadow:0 2px 8px #00000040;line-height:1}.ivp-panel{position:absolute;bottom:calc(100% + 6px);left:0;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:8px;box-shadow:0 8px 32px #00000080,0 2px 8px #0000004d;z-index:300;padding:4px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;min-width:120px;animation:bf-panel-enter-up .14s cubic-bezier(.2,0,0,1) both}.ivp-option{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:transparent;border:none;border-radius:5px;color:var(--text-secondary);font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:background .1s,color .1s;white-space:nowrap;line-height:1}.ivp-option:hover{background:var(--bg-elevated);color:var(--text-primary)}.ivp-option.active{background:var(--accent-dim);color:var(--accent);font-weight:700}.ivp-check{font-size:10px;margin-left:4px}.sp-tz-row{display:flex;align-items:center;gap:6px;padding:6px 14px 10px}.sp-tz-icon{width:13px;height:13px;color:var(--text-muted);flex-shrink:0}.sp-tz-select{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:5px;color:var(--text-secondary);font-family:inherit;font-size:11px;font-weight:500;padding:5px 22px 5px 8px;cursor:pointer;outline:none;transition:border-color .12s,color .12s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%237A8BA8' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.sp-tz-select:hover{border-color:var(--accent);color:var(--text-primary)}.sp-tz-select:focus{border-color:var(--accent);color:var(--text-primary)}.sp-tz-select option{background:var(--bg-surface);color:var(--text-primary)}.right-sidebar{width:var(--right-w);background:var(--bg-surface);border-left:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;position:relative}.ls-footer{margin-top:auto;display:flex;flex-direction:column;gap:2px;padding:6px 4px;border-top:1px solid var(--border);flex-shrink:0}.ls-footer-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:50px;height:auto;min-height:38px;padding:5px 2px;border-radius:8px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s,transform .1s;margin:0 auto}.ls-footer-btn:active{transform:scale(.91)}.ls-footer-btn:hover,.ls-footer-btn.active{background:var(--bg-elevated);color:var(--text-primary)}.ls-footer-label{font-size:8.5px;font-weight:600;line-height:1;letter-spacing:.02em;text-transform:uppercase;color:inherit;opacity:.65;pointer-events:none;white-space:nowrap}.ls-footer-btn:hover .ls-footer-label,.ls-footer-btn.active .ls-footer-label{opacity:1}.sp-panel{position:fixed;left:calc(var(--left-w) + 2px);bottom:16px;width:240px;max-height:calc(100vh - 32px);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:10px;box-shadow:0 12px 40px #0000008c,0 2px 8px #00000059;z-index:300;display:flex;flex-direction:column;overflow:hidden;animation:bf-panel-enter-up .15s cubic-bezier(.2,0,0,1) both}.sp-header{display:flex;align-items:center;justify-content:space-between;padding:11px 14px 10px;border-bottom:1px solid var(--border);flex-shrink:0}.sp-title{font-size:12px;font-weight:700;color:var(--text-primary);letter-spacing:.3px}.sp-close{background:none;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;padding:2px 4px;border-radius:4px;line-height:1}.sp-close:hover{color:var(--text-primary);background:var(--bg-elevated)}.sp-body{padding:6px 0 8px;overflow-y:auto}.sp-section-label{padding:8px 14px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;color:var(--text-muted)}.sp-row{display:flex;align-items:center;justify-content:space-between;padding:7px 14px;cursor:pointer;border-radius:6px;margin:0 4px;transition:background .12s}.sp-row:hover{background:var(--bg-elevated)}.sp-row-label{font-size:12px;color:var(--text-secondary)}.sp-toggle{width:32px;height:18px;border-radius:9px;background:var(--border-light);position:relative;flex-shrink:0;transition:background .2s}.sp-toggle.on{background:var(--accent)}.sp-toggle-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:left .18s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000004d}.sp-toggle.on .sp-toggle-thumb{left:16px}.sp-bg-upload{display:flex;align-items:center;justify-content:center;gap:7px;margin:2px 14px 4px;padding:8px;border-radius:7px;border:1px dashed var(--border-light);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.sp-bg-upload:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.sp-bg-preview-row{display:flex;align-items:center;gap:8px;margin:2px 14px 4px;padding:6px 8px;border-radius:7px;background:var(--bg-elevated);border:1px solid var(--border)}.sp-bg-thumb{width:34px;height:24px;border-radius:4px;border:1px solid var(--border-light);flex-shrink:0}.sp-bg-filename{flex:1;font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-bg-remove{background:none;border:none;color:var(--text-muted);font-size:11px;cursor:pointer;padding:2px 4px;border-radius:3px;line-height:1;flex-shrink:0}.sp-bg-remove:hover{color:var(--red);background:var(--red-dim)}.sp-colors-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px 4px}.sp-colors-reset-all{background:transparent;border:1px solid var(--border-light);border-radius:5px;color:var(--text-muted);font-size:10px;font-weight:600;padding:3px 7px;cursor:pointer;font-family:inherit;transition:color .12s,border-color .12s,background .12s}.sp-colors-reset-all:hover{color:var(--text-primary);border-color:var(--accent);background:var(--accent-dim)}.sp-color-row{display:flex;align-items:center;justify-content:space-between;padding:5px 14px}.sp-color-swatch-wrap{display:flex;align-items:center;gap:5px}.sp-color-swatch{width:26px;height:26px;border-radius:7px;border:2px solid rgba(255,255,255,.12);cursor:pointer;position:relative;overflow:hidden;display:block;flex-shrink:0;transition:border-color .15s,transform .12s}.sp-color-swatch:hover{border-color:#ffffff4d;transform:scale(1.1)}.sp-color-swatch input[type=color]{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);opacity:0;cursor:pointer;border:none;padding:0}.sp-color-reset{width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:3px;font-size:9px;padding:0;transition:color .12s,background .12s}.sp-color-reset:hover{color:var(--red);background:var(--red-dim)}.sp-slider-row{padding:4px 14px 2px}.sp-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.sp-slider-val{font-size:11px;color:var(--accent);font-weight:600;min-width:32px;text-align:right}.sp-slider{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:2px;background:var(--border-light);outline:none;cursor:pointer}.sp-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 0 2px var(--bg-surface)}.sp-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:none;cursor:pointer}.sp-field-row{display:flex;align-items:center;justify-content:space-between;padding:5px 14px;gap:8px}.sp-pos-grid{display:grid;grid-template-columns:repeat(3,18px);grid-template-rows:repeat(3,18px);gap:3px;flex-shrink:0}.sp-pos-cell{width:18px;height:18px;border-radius:3px;border:1.5px solid var(--border-light);background:var(--bg-elevated);cursor:pointer;padding:0;transition:all .12s;position:relative}.sp-pos-cell:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;border-radius:50%;background:var(--text-muted);transition:background .12s}.sp-pos-cell:hover{border-color:var(--accent)}.sp-pos-cell:hover:after{background:var(--accent)}.sp-pos-cell.active{border-color:var(--accent);background:var(--accent-dim)}.sp-pos-cell.active:after{background:var(--accent)}.sp-size-btns{display:flex;gap:3px;flex-shrink:0}.sp-size-btn{padding:3px 7px;border-radius:5px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);font-size:10px;font-weight:500;cursor:pointer;transition:all .12s;white-space:nowrap}.sp-size-btn:hover{border-color:var(--border-light);color:var(--text-primary)}.sp-size-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.sp-theme-row{display:flex;gap:6px;padding:4px 14px 6px}.sp-theme-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border-radius:7px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.sp-theme-btn:hover{border-color:var(--border-light);color:var(--text-primary)}.sp-theme-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.section-header{padding:11px 14px 7px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;color:var(--text-muted)}}@layer components{.market-search-wrap{position:relative;display:flex;align-items:center;margin:0 10px 6px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;transition:border-color .15s}.market-search-wrap:focus-within{border-color:var(--accent)}.market-search-icon{flex-shrink:0;width:13px;height:13px;margin-left:9px;color:var(--text-muted);pointer-events:none}.market-search-input{flex:1;background:transparent;border:none;outline:none;padding:6px 8px;font-size:11px;color:var(--text-primary);font-family:inherit}.market-search-input::placeholder{color:var(--text-muted)}.market-search-clear{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:10px;padding:0 8px;line-height:1;transition:color .1s}.market-search-clear:hover{color:var(--text-primary)}.markets-list{overflow-y:auto;max-height:198px;border-bottom:1px solid var(--border)}.market-row{display:flex;align-items:center;padding:8px 14px;gap:9px;cursor:pointer;transition:background .1s}.market-row:hover{background:var(--bg-elevated)}.market-row.active{background:var(--accent-dim)}.market-icon{width:28px;height:28px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--accent);flex-shrink:0}.market-info{flex:1;min-width:0}.market-name{font-size:12px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:5px}.market-otc-tag{display:inline-block;vertical-align:middle;font-size:8px;font-weight:700;letter-spacing:.4px;color:var(--accent);background:var(--accent-dim);border-radius:3px;padding:1px 4px;line-height:1.4;margin-left:4px;flex-shrink:0}.market-full-name{font-size:10px;color:var(--text-secondary);margin-top:1px}.market-stats{text-align:right;flex-shrink:0}.market-winrate{font-size:12px;font-weight:700}.market-winrate.up{color:var(--green)}.market-winrate.down{color:var(--red)}.market-payout{font-size:10px;color:var(--text-secondary);margin-top:1px}.market-payout.hot{color:var(--accent);font-weight:700}.mkt-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:190}.mkt-popup{position:fixed;left:calc(var(--left-w) + 6px);top:calc(var(--topbar-h) + 8px);width:272px;max-height:calc(100vh - var(--topbar-h) - 24px);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:10px;box-shadow:0 8px 32px #00000073;display:flex;flex-direction:column;z-index:200;overflow:hidden;animation:bf-panel-enter .15s cubic-bezier(.2,0,0,1) both}.mkt-popup-header{display:flex;align-items:center;justify-content:space-between;padding:11px 14px 9px;border-bottom:1px solid var(--border);flex-shrink:0}.mkt-popup-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted)}.mkt-popup-close{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:11px;padding:2px 4px;border-radius:4px;transition:color .1s,background .1s}.mkt-popup-close:hover{color:var(--text-primary);background:var(--bg-elevated)}.mkt-popup-search-wrap{position:relative;display:flex;align-items:center;margin:8px 10px 6px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;flex-shrink:0;transition:border-color .15s}.mkt-popup-search-wrap:focus-within{border-color:var(--accent)}.mkt-popup-search-icon{flex-shrink:0;width:13px;height:13px;margin-left:9px;color:var(--text-muted);pointer-events:none}.mkt-popup-search{flex:1;background:transparent;border:none;outline:none;padding:7px 8px;font-size:11px;color:var(--text-primary);font-family:inherit}.mkt-popup-search::placeholder{color:var(--text-muted)}.mkt-popup-search-clear{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:10px;padding:0 8px;line-height:1;transition:color .1s}.mkt-popup-search-clear:hover{color:var(--text-primary)}.mkt-popup-list{overflow-y:auto;flex:1}.mkt-popup-row{display:flex;align-items:center;padding:9px 14px;gap:10px;cursor:pointer;transition:background .1s}.mkt-popup-row:hover{background:var(--bg-elevated)}.mkt-popup-row.active{background:var(--accent-dim)}.mkt-popup-empty{padding:20px 14px;font-size:11px;color:var(--text-muted);text-align:center}.mkt-cat-tabs{display:flex;gap:4px;padding:8px 12px 4px;overflow-x:auto;scrollbar-width:none;flex-shrink:0}.mkt-cat-tabs::-webkit-scrollbar{display:none}.mkt-cat-tab{flex-shrink:0;background:transparent;border:1px solid var(--border);color:var(--text-secondary);border-radius:20px;padding:3px 12px;font-size:11px;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.mkt-cat-tab:hover{background:var(--bg-elevated);color:var(--text-primary)}.mkt-cat-tab.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}}@layer components{.trade-panel{flex:1;display:flex;flex-direction:column;overflow-y:auto}.trade-section{padding:10px 14px;border-bottom:1px solid var(--border)}.trade-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:7px}.trade-adj-btn{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:18px;font-weight:400;line-height:1;cursor:pointer;transition:background .12s,border-color .12s,color .12s,transform .1s;font-family:inherit}.trade-adj-btn:hover{background:var(--bg-hover);border-color:var(--border-light);color:var(--text-primary)}.trade-adj-btn:active{transform:scale(.91)}.trade-adj-btn--plus{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.trade-adj-btn--plus:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.exp-dd-grid--clock{grid-template-columns:repeat(2,1fr)}.exp-ctrl{display:flex;align-items:center;gap:6px}.exp-field-wrap{flex:1;position:relative}.exp-field{width:100%;height:36px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;letter-spacing:.5px;transition:border-color .12s}.exp-field:hover{border-color:var(--accent)}.exp-field svg{color:var(--text-muted);flex-shrink:0}.exp-dropdown{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:10px;box-shadow:0 12px 40px #0000008c,0 2px 10px #0000004d;z-index:400;width:200px;padding:6px}.exp-dd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.exp-option{padding:8px 4px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-secondary);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .1s,color .1s,border-color .1s;letter-spacing:.3px;line-height:1;text-align:center;white-space:nowrap}.exp-option:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border)}.exp-option.active{background:var(--accent-dim);color:var(--accent);border-color:var(--accent);font-weight:700}.custom-time-wrap{display:flex;gap:6px;margin-top:7px}.custom-time-input{flex:1;padding:7px 9px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:12px;outline:none;transition:border-color .13s}.custom-time-input:focus{border-color:var(--accent)}.custom-time-input::placeholder{color:var(--text-muted)}.trade-amount-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.trade-amount-header .trade-label{margin-bottom:0}.amount-mode-seg{display:flex;background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:7px;padding:2px;gap:2px}.ams-btn{padding:4px 10px;border-radius:5px;border:none;background:transparent;color:var(--text-muted);font-family:inherit;font-size:10px;font-weight:700;cursor:pointer;transition:background .12s,color .12s;white-space:nowrap;letter-spacing:.3px}.ams-btn.active{background:var(--accent);color:#fff}.ams-btn:not(.active):hover{color:var(--text-primary)}.trade-balance-row{margin-bottom:6px}.trade-balance-hint{font-size:10px;color:var(--text-muted);font-variant-numeric:tabular-nums}.amount-control{display:flex;align-items:center;gap:6px}.amount-field{flex:1;height:36px;display:flex;align-items:center;background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:8px;overflow:hidden;transition:border-color .13s;min-width:0}.amount-field:focus-within{border-color:var(--accent)}.amount-field-unit{padding:0 4px 0 10px;font-size:13px;font-weight:700;color:var(--text-muted);flex-shrink:0;line-height:1;-webkit-user-select:none;user-select:none}.amount-input{flex:1;padding:0 10px 0 4px;background:transparent;border:none;color:var(--text-primary);font-family:inherit;font-size:16px;font-weight:800;outline:none;font-variant-numeric:tabular-nums;min-width:0;text-align:center;height:100%}.amount-input::placeholder{color:var(--text-muted);font-weight:400;font-size:13px}.amount-input::-webkit-outer-spin-button,.amount-input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.amount-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.pct-amounts{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:6px}.pct-btn{padding:5px 0;text-align:center;border-radius:6px;font-size:10px;font-weight:700;cursor:pointer;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border);font-family:inherit;transition:all .12s;letter-spacing:.2px}.pct-btn:hover{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.pct-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.payout-card{display:flex;align-items:center;justify-content:space-between;margin:8px 14px 0;padding:6px 12px;background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:8px;gap:6px}.payout-item{display:flex;align-items:center;gap:5px;flex:1;justify-content:center}.payout-label{font-size:10px;font-weight:600;color:var(--text-muted);white-space:nowrap}.payout-value{font-size:12px;font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1}.payout-value.green{color:var(--green)}.payout-value.yellow{color:var(--yellow)}.payout-sep{width:1px;height:16px;background:var(--border);flex-shrink:0}.trade-notice{display:flex;align-items:flex-start;gap:7px;margin:0 14px 2px;padding:9px 12px;border-radius:8px;font-size:11.5px;line-height:1.45;font-weight:500;animation:trade-notice-in .22s ease}.trade-notice--risk{background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);color:#f59e0b}.trade-notice--error{background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#ef4444}@keyframes trade-notice-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.trade-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 14px}.trade-btn{padding:13px 8px;border-radius:10px;font-family:inherit;cursor:pointer;border:none;display:flex;flex-direction:column;align-items:center;gap:3px;transition:transform .12s,box-shadow .12s,opacity .12s}.trade-btn:hover{transform:translateY(-1px);opacity:.93}.trade-btn:active{transform:translateY(0)}.trade-btn-up{background:linear-gradient(160deg,#0ecb81,#07a868);box-shadow:0 4px 18px #0ecb8147}.trade-btn-up:hover{box-shadow:0 6px 22px #0ecb8161}.trade-btn-down{background:linear-gradient(160deg,#f6465d,#d93044);box-shadow:0 4px 18px #f6465d47}.trade-btn-down:hover{box-shadow:0 6px 22px #f6465d61}.trade-btn-icon{font-size:22px;line-height:1;color:#fff}.trade-btn-label{font-size:13px;font-weight:800;color:#fff;letter-spacing:.5px}.trade-btn-payout{font-size:11px;font-weight:500;color:#fffc}.history-list{flex:1;overflow-y:auto}.history-empty{padding:20px 14px;text-align:center;color:var(--text-muted);font-size:12px}.chart-loader{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c1220d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:20;pointer-events:none}.chart-loader-inner{display:flex;flex-direction:column;align-items:center;gap:18px}.chart-loader-ring{position:relative;width:52px;height:52px}.chart-loader-ring div{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent}.chart-loader-ring div:nth-child(1){border-top-color:var(--accent);animation:chart-spin 1.1s cubic-bezier(.5,0,.5,1) infinite -.3s}.chart-loader-ring div:nth-child(2){border-top-color:#5b6cf98c;animation:chart-spin 1.1s cubic-bezier(.5,0,.5,1) infinite -.2s;transform:scale(.78)}.chart-loader-ring div:nth-child(3){border-top-color:#5b6cf947;animation:chart-spin 1.1s cubic-bezier(.5,0,.5,1) infinite -.1s;transform:scale(.56)}.chart-loader-ring div:nth-child(4){border-top-color:#5b6cf91a;animation:chart-spin 1.1s cubic-bezier(.5,0,.5,1) infinite 0s;transform:scale(.36)}@keyframes chart-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chart-loader-text{display:flex;flex-direction:column;align-items:center;gap:5px}.chart-loader-symbol{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:.4px}.chart-loader-sub{font-size:11px;color:var(--text-secondary);letter-spacing:.3px}.chart-loader:before{content:"";position:absolute;bottom:60px;left:50%;transform:translate(-50%);width:260px;height:56px;background:repeating-linear-gradient(90deg,transparent 0px,transparent 8px,rgba(91,108,249,.07) 8px,rgba(91,108,249,.07) 14px);border-radius:4px;animation:chart-skeleton-pulse 1.6s ease-in-out infinite}@keyframes chart-skeleton-pulse{0%,to{opacity:.35}50%{opacity:1}}.chart-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--text-secondary);font-size:13px}.chart-error button{padding:7px 20px;border-radius:6px;background:var(--accent);color:#fff;border:none;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.chart-error button:hover{background:var(--accent-hover)}.chart-clock{position:absolute;z-index:10;top:8px;right:72px;display:flex;align-items:center;gap:5px;background:#0c12208c;border:1px solid rgba(61,80,112,.3);border-radius:5px;padding:3px 8px;pointer-events:none;animation:clock-fade-in .2s ease}[data-theme=light] .chart-clock{background:#ebf0f8e0;border-color:#6482b440}@keyframes clock-fade-in{0%{opacity:0}to{opacity:1}}.chart-clock-time{font-family:SF Mono,Fira Code,ui-monospace,monospace;font-size:11px;font-weight:600;letter-spacing:.04em;color:#c8d4e8bf;font-variant-numeric:tabular-nums;line-height:1}[data-theme=light] .chart-clock-time{color:#2a3a5cd9}.chart-clock-sep{width:1px;height:10px;background:#3d507080;flex-shrink:0}[data-theme=light] .chart-clock-sep{background:#6482b44d}.chart-clock-tz{font-size:9px;font-weight:500;color:#7a8ba8a6;letter-spacing:.02em;line-height:1}[data-theme=light] .chart-clock-tz{color:#50648cb3}.chart-zoom{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;z-index:10;-webkit-user-select:none;user-select:none;pointer-events:auto;opacity:.35;transition:opacity .2s}.chart-zoom:hover{opacity:1}.chart-zoom-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#0c1220c7;border:1px solid rgba(61,80,112,.5);border-radius:50%;color:#c8d4e8d9;font-size:18px;line-height:1;cursor:pointer;padding:0 0 1px;transition:background .15s,border-color .15s,color .15s}.chart-zoom-btn:hover:not(:disabled){background:#3d50708c;border-color:#5b6cf999;color:#e8edf5}.chart-zoom-btn:active:not(:disabled){background:#5b6cf940}.chart-zoom-btn:disabled{opacity:.2;cursor:default}.chart-alert-bell{position:absolute;z-index:20;right:68px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1px solid rgba(245,158,11,.5);background:#0e1424bf;color:#f59e0b;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .15s ease,background .15s ease,border-color .15s ease;padding:0}[data-theme=light] .chart-alert-bell{background:#ffffffd1}.chart-alert-bell:hover{background:#f59e0b33;border-color:#f59e0b}.chart-alert-bell:active{background:#f59e0b59}.chart-alert-bell--set{background:#0ecb8133!important;border-color:#0ecb81!important;color:#0ecb81!important}.chart-alert-toast{position:absolute;z-index:30;bottom:36px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 10px;border-radius:8px;background:#0e1424e0;border:1px solid rgba(245,158,11,.45);color:var(--text-primary);font-size:12px;line-height:1.4;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #0006;animation:cat-in .25s cubic-bezier(.34,1.56,.64,1) both;pointer-events:auto}[data-theme=light] .chart-alert-toast{background:#ffffffeb;border-color:#f59e0b8c;box-shadow:0 4px 16px #0000001f}@keyframes cat-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.chart-alert-toast-close{background:none;border:none;padding:2px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;border-radius:3px;margin-left:2px;flex-shrink:0;transition:color .15s}.chart-alert-toast-close:hover{color:var(--text-primary)}.pa-list{padding:0 10px 6px;display:flex;flex-direction:column;gap:4px}.pa-row{display:flex;align-items:center;gap:7px;padding:5px 8px;border-radius:6px;background:#f59e0b0f;border:1px solid rgba(245,158,11,.18)}.pa-dir-icon{font-size:11px;font-weight:700;width:16px;text-align:center;flex-shrink:0}.pa-row--above .pa-dir-icon{color:#0ecb81}.pa-row--below .pa-dir-icon{color:#f6465d}.pa-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.pa-price{font-size:12px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.pa-label{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.pa-remove-btn{background:none;border:none;padding:3px;cursor:pointer;color:var(--text-muted);border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .15s,background .15s}.pa-remove-btn:hover{color:#f6465d;background:#f6465d1a}.th-section{border-top:1px solid var(--border);padding-top:10px;margin-top:2px}.th-header{display:flex;align-items:center;justify-content:space-between;padding:0 14px 8px}.th-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.th-badge{background:var(--accent-dim);color:var(--accent);font-size:10px;font-weight:700;padding:1px 6px;border-radius:20px}.th-clear-btn{display:flex;align-items:center;gap:4px;background:none;border:1px solid var(--border);color:var(--text-muted);font-size:10px;font-weight:600;padding:3px 8px;border-radius:5px;cursor:pointer;font-family:inherit;transition:all .15s}.th-clear-btn:hover{border-color:var(--red);color:var(--red)}.th-list{display:flex;flex-direction:column;gap:4px;padding:0 10px 10px;max-height:260px;overflow-y:auto}.th-empty{padding:16px;text-align:center;color:var(--text-muted);font-size:12px}.th-load-more{display:block;width:calc(100% - 24px);margin:6px 12px 10px;padding:7px 0;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-size:11px;cursor:pointer;transition:border-color .15s,color .15s}.th-load-more:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.th-load-more:disabled{opacity:.5;cursor:default}.th-active-row{background:var(--bg-elevated);border-radius:8px;padding:10px 11px 8px;border:1px solid var(--border)}.th-active-row.up{border-left:3px solid var(--green)}.th-active-row.down{border-left:3px solid var(--red)}.th-active-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.th-dir-badge{font-size:11px;font-weight:700;color:var(--text-primary)}.th-active-row.up .th-dir-badge{color:var(--green)}.th-active-row.down .th-dir-badge{color:var(--red)}.th-countdown{font-size:13px;font-weight:800;color:var(--yellow);font-variant-numeric:tabular-nums;letter-spacing:.5px}.th-active-bar{height:3px;background:var(--border);border-radius:2px;overflow:hidden;margin-bottom:7px}.th-active-bar-fill{height:100%;border-radius:2px;background:var(--yellow);transition:width .4s linear}.th-active-row.up .th-active-bar-fill{background:var(--green)}.th-active-row.down .th-active-bar-fill{background:var(--red)}.th-active-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--text-secondary)}.th-stake{color:var(--text-primary);font-weight:600}.th-hist-row{display:flex;justify-content:space-between;align-items:center;background:var(--bg-elevated);border-radius:8px;padding:8px 10px;border:1px solid var(--border);border-left-width:3px}.th-hist-row.win{border-left-color:var(--green);background:#0ecb810a}.th-hist-row.loss{border-left-color:var(--red);background:#f6465d0a}.th-hist-left{display:flex;align-items:center;gap:8px}.th-hist-dir{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.th-hist-dir.up{background:var(--green-dim);color:var(--green)}.th-hist-dir.down{background:var(--red-dim);color:var(--red)}.th-hist-sym{font-size:11px;font-weight:600;color:var(--text-primary)}.th-hist-time{font-size:10px;color:var(--text-muted);margin-top:1px}.th-hist-right{text-align:right}.th-hist-result{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.th-hist-result.win{color:var(--green)}.th-hist-result.loss{color:var(--red)}.th-hist-prices{font-size:9px;color:var(--text-muted);margin-top:2px;font-variant-numeric:tabular-nums}.trade-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}}@layer components{.bfm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:200;animation:bfm-fade-in .18s ease}@keyframes bfm-fade-in{0%{opacity:0}to{opacity:1}}.bfm-box{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:16px;width:380px;max-width:calc(100vw - 32px);box-shadow:0 24px 60px #00000080;animation:bfm-slide-up .2s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes bfm-slide-up{0%{transform:translateY(24px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.bfm-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid var(--border)}.bfm-title-row{display:flex;align-items:center;gap:12px}.bfm-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0}.bfm-icon.deposit{background:var(--green-dim);color:var(--green)}.bfm-icon.withdraw{background:var(--red-dim);color:var(--red)}.bfm-title{font-size:15px;font-weight:700;color:var(--text-primary)}.bfm-subtitle{font-size:11px;color:var(--text-secondary);margin-top:2px}.bfm-subtitle strong{color:var(--text-primary);font-weight:600}.bfm-close{background:none;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;padding:2px 6px;border-radius:6px;font-family:inherit;transition:background .12s,color .12s;line-height:1}.bfm-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.bfm-body{padding:20px;display:flex;flex-direction:column;gap:12px}.bfm-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.bfm-input-wrap{display:flex;align-items:center;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:10px;overflow:hidden;transition:border-color .15s}.bfm-input-wrap:focus-within{border-color:var(--accent)}.bfm-currency{padding:0 12px;font-size:18px;font-weight:700;color:var(--text-secondary);border-right:1px solid var(--border);line-height:48px;-webkit-user-select:none;user-select:none}.bfm-input{flex:1;background:transparent;border:none;outline:none;padding:0 14px;font-size:20px;font-weight:700;color:var(--text-primary);font-family:inherit;font-variant-numeric:tabular-nums;height:48px}.bfm-input::placeholder{color:var(--text-muted);font-weight:400}.bfm-input::-webkit-inner-spin-button,.bfm-input::-webkit-outer-spin-button{-webkit-appearance:none}.bfm-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.bfm-quick-btn{padding:7px 4px;border-radius:7px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:all .12s;text-align:center}.bfm-quick-btn:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.bfm-error{font-size:12px;color:var(--red);background:var(--red-dim);border:1px solid rgba(246,70,93,.25);border-radius:7px;padding:8px 12px}.bfm-submit{height:46px;border-radius:10px;border:none;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .15s,transform .1s;color:#fff;margin-top:4px;letter-spacing:.3px}.bfm-submit:hover{opacity:.88}.bfm-submit:active{transform:scale(.98)}.bfm-submit.deposit{background:linear-gradient(135deg,#0ecb81,#07a868)}.bfm-submit.withdraw{background:linear-gradient(135deg,#f6465d,#d93044)}.wdm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:300;padding:16px;animation:bfm-fade-in .18s ease}.wdm-sheet{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:18px;width:480px;max-width:100%;max-height:calc(100vh - 32px);overflow-y:auto;box-shadow:0 32px 80px #0000008c;animation:bfm-slide-up .22s cubic-bezier(.34,1.56,.64,1)}.wdm-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 18px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-surface);z-index:1;border-radius:18px 18px 0 0}.wdm-header-left{display:flex;align-items:center;gap:12px}.wdm-header-icon{width:40px;height:40px;border-radius:12px;background:#f6465d1f;color:#f6465d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wdm-title{font-size:15px;font-weight:700;color:var(--text-primary)}.wdm-subtitle{font-size:12px;color:var(--text-secondary);margin-top:2px}.wdm-balance{color:var(--accent);font-weight:700}.wdm-close{width:32px;height:32px;border-radius:8px;border:none;background:var(--bg-tertiary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.wdm-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.wdm-form{padding:0 0 4px}.wdm-section{padding:18px 22px 0}.wdm-section-label{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.wdm-step{width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.wdm-wallet-list{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto;padding-right:2px}.wdm-wallet-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--border);background:var(--bg-tertiary);cursor:pointer;transition:border-color .15s,background .15s}.wdm-wallet-card:hover{border-color:var(--border-light);background:var(--bg-elevated)}.wdm-wallet-card.selected{border-color:var(--accent);background:#f59e0b0f}.wdm-wallet-card input[type=radio]{display:none}.wdm-wallet-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-light);background:var(--bg-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.wdm-wallet-card.selected .wdm-wallet-radio{background:var(--accent);border-color:var(--accent);color:#fff}.wdm-wallet-info{flex:1;min-width:0}.wdm-wallet-name{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:3px}.wdm-wallet-addr{font-size:11px;font-family:monospace;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wdm-tag{font-size:10px;font-weight:700;padding:1px 7px;border-radius:5px;background:#f59e0b1f;color:#f59e0b}.wdm-tag-blue{background:#3b82f61f;color:#93c5fd}.wdm-add-wallet{display:inline-flex;align-items:center;gap:5px;margin-top:10px;font-size:12px;color:var(--accent);background:none;border:none;cursor:pointer;padding:0;font-family:inherit;opacity:.85;transition:opacity .15s}.wdm-add-wallet:hover{opacity:1}.wdm-amount-wrap{display:flex;align-items:center;background:var(--bg-tertiary);border:1.5px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .15s}.wdm-amount-wrap:focus-within{border-color:var(--accent)}.wdm-amount-currency{padding:0 4px 0 16px;font-size:18px;font-weight:700;color:var(--text-secondary);flex-shrink:0}.wdm-amount-input{flex:1;background:none;border:none;outline:none;padding:14px 8px;font-size:22px;font-weight:700;color:var(--text-primary);font-family:inherit;min-width:0}.wdm-amount-input::placeholder{color:var(--text-muted)}.wdm-amount-input::-webkit-inner-spin-button,.wdm-amount-input::-webkit-outer-spin-button{display:none}.wdm-stepper-btn{width:48px;align-self:stretch;border:none;background:var(--bg-elevated);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}.wdm-stepper-btn:first-child{border-right:1px solid var(--border);border-radius:0}.wdm-stepper-btn:last-child{border-left:1px solid var(--border);border-radius:0}.wdm-stepper-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.wdm-stepper-btn:active{background:#f59e0b1f;color:var(--accent)}.wdm-header-icon.deposit{background:#0ecb811f;color:#0ecb81}.wdm-btn-deposit{background:linear-gradient(135deg,#0ecb81,#07a868);color:#fff;flex:1}.wdm-btn-deposit:hover:not(:disabled){filter:brightness(1.08)}.wdm-btn-deposit:disabled{opacity:.55;cursor:not-allowed}.wdm-quick{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.wdm-quick-btn{flex:1;min-width:64px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s;text-align:center}.wdm-quick-btn:hover{border-color:#0ecb81;color:#0ecb81;background:#0ecb8114}.wdm-steps{display:flex;align-items:center;gap:0;padding:14px 22px 0}.wdm-crumb{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-muted)}.wdm-crumb.active{color:var(--text-primary)}.wdm-crumb-dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wdm-crumb.active .wdm-crumb-dot{border-color:#0ecb81;background:#0ecb811f;color:#0ecb81}.wdm-crumb-line{flex:1;height:1px;background:var(--border);min-width:24px}.wdm-crumb-line.active{background:#0ecb81;opacity:.5}.wdm-net-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;border:1.5px solid var(--border);background:var(--bg-elevated);cursor:pointer;transition:border-color .15s,background .15s;width:100%;text-align:left}.wdm-net-card:hover{border-color:var(--border-light);background:var(--bg-tertiary)}.wdm-net-logo-wrap{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wdm-net-body{flex:1;min-width:0}.wdm-net-name{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.wdm-net-chain{font-size:11px;color:var(--text-secondary);margin-bottom:5px}.wdm-net-pills{display:flex;gap:5px;flex-wrap:wrap}.wdm-net-pill{font-size:10px;font-weight:700;padding:1px 7px;border-radius:5px;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary)}.wdm-net-meta{text-align:right;flex-shrink:0}.wdm-net-speed{font-size:11px;color:var(--text-secondary);margin-top:3px}.wdm-net-fee{font-size:10px;color:var(--text-muted);margin-top:2px}.wdm-net-arrow{color:var(--text-muted);flex-shrink:0;transition:transform .15s}.wdm-net-card:hover .wdm-net-arrow{transform:translate(3px);color:var(--text-secondary)}.wdm-selected-net{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid;margin-top:4px}.wdm-selected-net-name{font-size:14px;font-weight:700}.wdm-selected-net-chain{font-size:11px;color:var(--text-secondary);margin-top:1px}.wdm-token-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.wdm-token-chip{padding:7px 18px;border-radius:20px;border:1.5px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .15s}.wdm-token-chip.active{border-color:var(--net-color, #0ecb81);background:color-mix(in srgb,var(--net-color, #0ecb81) 12%,transparent);color:var(--net-color, #0ecb81)}.wdm-summary{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 0 4px;font-size:20px;font-weight:800;color:var(--text-primary)}.wdm-summary-sep{color:var(--text-muted);font-weight:400;font-size:16px}.wdm-qr-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 0 8px}.wdm-qr-frame{padding:14px;border-radius:14px;border:2px solid;background:#fff}.wdm-addr-wrap{margin-top:6px}.wdm-addr-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:7px}.wdm-addr-row{display:flex;align-items:center;gap:10px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.wdm-addr-text{flex:1;font-family:monospace;font-size:11px;color:var(--text-primary);word-break:break-all}.wdm-copy-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:7px;border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);font-size:11px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0}.wdm-copy-btn:hover{border-color:#0ecb81;color:#0ecb81;background:#0ecb8114}.wdm-copy-btn.copied{border-color:#0ecb81;color:#0ecb81;background:#0ecb811a}.wdm-confirm-wrap{margin-top:12px}.wdm-confirm-label{font-size:12px;color:var(--text-secondary);margin-bottom:6px;text-align:center}.wdm-confirm-track{height:4px;border-radius:4px;background:var(--border);overflow:hidden}.wdm-confirm-fill{height:100%;border-radius:4px;transition:width .2s ease}.wdm-sandbox-badge{font-size:10px;font-weight:800;padding:2px 8px;border-radius:5px;background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.25);letter-spacing:.06em}.wdm-sandbox-note{font-size:11px;color:var(--text-muted);text-align:center;padding:8px 0 0;line-height:1.5}.wdm-amount-hints{display:flex;justify-content:space-between;font-size:11px;color:var(--text-secondary);margin-top:7px;padding:0 2px}.wdm-notice{margin:18px 22px 0;display:flex;gap:9px;align-items:flex-start;background:#f59e0b0f;border:1px solid rgba(245,158,11,.18);border-radius:10px;padding:11px 14px;font-size:12px;color:var(--text-secondary);line-height:1.6}.wdm-error{margin:12px 22px 0;padding:11px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:10px;font-size:13px;color:#fca5a5}.wdm-actions{display:flex;gap:10px;padding:18px 22px 22px}.wdm-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 20px;border-radius:10px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;border:none;transition:all .15s}.wdm-btn-primary{background:var(--accent);color:#fff;flex:1}.wdm-btn-primary:hover{background:var(--accent-hover)}.wdm-btn-ghost{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border)}.wdm-btn-ghost:hover{background:var(--bg-elevated);color:var(--text-primary)}.wdm-btn-withdraw{background:linear-gradient(135deg,#f6465d,#d93044);color:#fff;flex:1}.wdm-btn-withdraw:hover:not(:disabled){filter:brightness(1.1)}.wdm-btn-withdraw:disabled{opacity:.55;cursor:not-allowed}.wdm-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:48px 24px;color:var(--text-secondary);font-size:14px}.wdm-spinner{width:20px;height:20px;border:2px solid var(--border-light);border-top-color:var(--accent);border-radius:50%;animation:pf-spin .7s linear infinite;flex-shrink:0}.wdm-spinner-sm{width:14px;height:14px;border-width:2px;border-color:#ffffff4d;border-top-color:#fff}.wdm-empty{padding:40px 28px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.wdm-empty-icon{width:64px;height:64px;border-radius:18px;background:var(--bg-tertiary);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);margin-bottom:4px}.wdm-empty-title{font-size:16px;font-weight:700;color:var(--text-primary)}.wdm-empty-sub{font-size:13px;color:var(--text-secondary);line-height:1.6;max-width:280px}.wdm-kyc-block{padding:32px 28px 28px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.wdm-kyc-icon{width:72px;height:72px;border-radius:50%;background:#f6465d1a;border:1px solid rgba(246,70,93,.3);display:flex;align-items:center;justify-content:center;color:var(--red);flex-shrink:0}.wdm-kyc-title{font-size:17px;font-weight:700;color:var(--text-primary)}.wdm-kyc-body{font-size:13px;color:var(--text-secondary);line-height:1.6;max-width:320px}.wdm-kyc-steps{width:100%;max-width:320px;display:flex;flex-direction:column;gap:8px;text-align:left;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.wdm-kyc-step{display:flex;align-items:flex-start;gap:10px;font-size:12.5px;color:var(--text-secondary)}.wdm-kyc-step-num{width:20px;height:20px;border-radius:50%;background:var(--accent-dim);color:var(--accent);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wdm-kyc-actions{display:flex;gap:8px;width:100%;max-width:320px}.wdm-kyc-actions .wdm-btn{flex:1}.wdm-success{padding:36px 28px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.wdm-success-ring{width:64px;height:64px;border-radius:50%;background:#10b9811a;border:2px solid rgba(16,185,129,.3);display:flex;align-items:center;justify-content:center;color:#10b981;margin-bottom:4px}.wdm-success-title{font-size:17px;font-weight:700;color:var(--text-primary)}.wdm-success-amount{font-size:28px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px}.wdm-success-meta{display:flex;gap:6px;align-items:center}.wdm-success-note{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:20px;padding:5px 12px}.wdm-success-bal{font-size:13px;color:var(--text-secondary)}.wdm-success-bal strong{color:var(--accent)}.wdm-success-actions{display:flex;gap:10px;margin-top:4px;width:100%}.wdm-status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.wdm-status-dot.pending{background:#f59e0b}.wdm-status-dot.processing{background:#3b82f6}.wdm-status-dot.completed{background:#10b981}.wdm-status-dot.failed{background:#ef4444}}@layer components{.ip-panel{position:fixed;left:calc(var(--left-w) + 2px);top:calc(var(--topbar-h) + 44px);width:276px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:10px;box-shadow:0 12px 40px #0000008c,0 2px 8px #00000059;z-index:300;display:flex;flex-direction:column;max-height:calc(100vh - var(--topbar-h) - 56px);overflow:hidden;animation:bf-panel-enter .15s cubic-bezier(.2,0,0,1) both}.ip-header{display:flex;align-items:center;justify-content:space-between;padding:11px 14px 10px;border-bottom:1px solid var(--border);flex-shrink:0}.ip-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary)}.ip-close{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:5px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:13px;transition:background .12s,color .12s;line-height:1}.ip-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.ip-body{overflow-y:auto;flex:1}.ip-section-label{padding:8px 14px 4px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted)}.ip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px 10px 10px}.ip-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 4px 7px;border-radius:7px;background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;transition:background .12s,border-color .12s;text-align:center}.ip-chip:hover{background:var(--bg-hover);border-color:var(--border-light)}.ip-chip.added{background:var(--accent-dim);border-color:var(--accent)}.ip-chip-name{font-size:11px;font-weight:700;color:var(--text-primary);font-family:inherit}.ip-chip.added .ip-chip-name{color:var(--accent)}.ip-chip-desc{font-size:8px;color:var(--text-secondary);line-height:1.25}.ip-chip.added .ip-chip-desc{color:#5b6cf9b3}.ip-active-list{display:flex;flex-direction:column;padding:0 0 6px}.ip-row{display:flex;align-items:center;gap:5px;padding:6px 10px;transition:background .1s}.ip-row:hover{background:var(--bg-elevated)}.ip-row-eye,.ip-row-gear,.ip-row-del{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:5px;border:none;background:transparent;cursor:pointer;flex-shrink:0;transition:background .12s,color .12s}.ip-row-eye{color:var(--text-secondary)}.ip-row-eye:hover{background:var(--bg-hover);color:var(--text-primary)}.ip-row-eye.dim{color:var(--text-muted)}.ip-row-gear{color:var(--text-secondary)}.ip-row-gear:hover,.ip-row-gear.open{background:var(--accent-dim);color:var(--accent)}.ip-row-del{color:var(--text-muted)}.ip-row-del:hover{background:var(--red-dim);color:var(--red)}.ip-row-info{flex:1;min-width:0}.ip-row-name{font-size:12px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:5px}.ip-row-name.dim{color:var(--text-secondary)}.ip-color-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.ip-row-sub{font-size:9.5px;color:var(--text-secondary);margin-top:1px}.ip-settings-wrap{padding:0 10px 6px}.ip-settings{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:8px;padding:10px 12px 8px}.ip-set-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ip-set-label{font-size:10px;font-weight:600;color:var(--text-secondary);width:46px;flex-shrink:0}.ip-set-input{flex:1;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:5px;color:var(--text-primary);font-family:inherit;font-size:11px;padding:5px 8px;outline:none;transition:border-color .12s}.ip-set-input:focus{border-color:var(--accent)}.ip-set-input::placeholder{color:var(--text-muted)}.ip-step{flex:1;display:flex;align-items:stretch;border:1px solid var(--border-light);border-radius:6px;overflow:hidden;transition:border-color .12s}.ip-step:focus-within{border-color:var(--accent)}.ip-step-btn{width:26px;flex-shrink:0;background:var(--bg-secondary);border:none;color:var(--text-secondary);font-size:14px;line-height:1;cursor:pointer;transition:background .1s,color .1s;display:flex;align-items:center;justify-content:center;padding:0;-webkit-user-select:none;user-select:none}.ip-step-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.ip-step-btn:active{background:var(--accent-dim);color:var(--accent)}.ip-step-input{flex:1;min-width:0;background:var(--bg-primary);border:none;border-left:1px solid var(--border-light);border-right:1px solid var(--border-light);color:var(--text-primary);font-family:inherit;font-size:11px;font-weight:600;text-align:center;padding:5px 4px;outline:none}.ip-step-input::-webkit-inner-spin-button,.ip-step-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ip-step-input[type=number]{-moz-appearance:textfield}.ip-set-color{width:34px;height:26px;border-radius:5px;border:1px solid var(--border-light);padding:2px 3px;background:var(--bg-primary);cursor:pointer;flex-shrink:0}.ip-set-btns{display:flex;gap:6px;justify-content:flex-end}.ip-set-apply{padding:5px 13px;border-radius:5px;border:none;background:var(--accent);color:#fff;font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;transition:opacity .12s}.ip-set-apply:hover{opacity:.88}.ip-set-cancel{padding:5px 10px;border-radius:5px;border:1px solid var(--border-light);background:transparent;color:var(--text-secondary);font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;transition:background .12s,color .12s}.ip-set-cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.ip-boll-dots{display:inline-flex;gap:3px;align-items:center}.ip-color-hex{font-size:10px;color:var(--text-muted);font-family:monospace;min-width:52px}.ip-set-divider{height:1px;background:var(--border-light);margin:4px 0}.ip-set-row--opacity{align-items:center}.ip-opacity-slider{flex:1;height:4px;accent-color:var(--accent);cursor:pointer;min-width:0}.ip-opacity-val{font-size:10px;color:var(--text-muted);font-family:monospace;min-width:32px;text-align:right}.ip-fill-preview{height:10px;border-radius:3px;margin-top:4px;border:1px solid var(--border-light);transition:background .1s,opacity .1s}.ip-sar-hint{margin-top:6px;padding:6px 8px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:5px;font-size:10px;color:var(--text-muted);line-height:1.5}.ip-select{flex:1;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:5px;color:var(--text-primary);font-size:11px;font-family:inherit;padding:0 24px 0 8px;height:26px;cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%237A8BA8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.ip-select:focus{border-color:var(--accent)}.ip-select option{background:var(--bg-elevated)}}@layer components{.dl-color-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.15)}.tool-btn-badge{position:absolute;top:4px;right:4px;min-width:14px;height:14px;padding:0 3px;border-radius:7px;background:var(--accent);color:#fff;font-size:8px;font-weight:700;line-height:14px;text-align:center;pointer-events:none}.dl-panel{position:fixed;left:calc(var(--left-w) + 2px);top:calc(var(--topbar-h) + 44px);width:220px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:10px;box-shadow:0 12px 40px #0000008c,0 2px 8px #00000059;z-index:300;display:flex;flex-direction:column;max-height:calc(100vh - var(--topbar-h) - 56px);overflow:hidden;animation:bf-panel-enter .15s cubic-bezier(.2,0,0,1) both}.dl-header{display:flex;align-items:center;justify-content:space-between;padding:11px 14px 10px;border-bottom:1px solid var(--border);flex-shrink:0}.dl-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary)}.dl-close{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:5px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:13px;transition:background .12s,color .12s;line-height:1}.dl-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.dl-body{overflow-y:auto;flex:1}.dl-empty{padding:20px 14px;font-size:11px;color:var(--text-muted);text-align:center}.dl-list{padding:4px 0}.dl-item{border-bottom:1px solid var(--border)}.dl-item:last-child{border-bottom:none}.dl-row{display:flex;align-items:center;gap:6px;padding:5px 10px;transition:background .1s}.dl-row:hover{background:var(--bg-elevated)}.dl-eye{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:5px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:background .12s,color .12s}.dl-eye:hover{background:var(--bg-hover);color:var(--text-primary)}.dl-eye.dim{color:var(--text-muted)}.dl-name{flex:1;font-size:12px;font-weight:600;color:var(--text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-name.dim{color:var(--text-muted)}.dl-del{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:5px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:background .12s,color .12s}.dl-del:hover{background:var(--red-dim);color:var(--red)}.dl-footer{padding:8px 10px;border-top:1px solid var(--border);flex-shrink:0}.dl-clear-btn{width:100%;padding:6px 0;border-radius:6px;border:1px solid var(--border-light);background:transparent;color:var(--text-secondary);font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.dl-clear-btn:hover{background:var(--red-dim);color:var(--red);border-color:var(--red)}.dl-settings-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:5px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:background .12s,color .12s}.dl-settings-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.dl-settings-btn.active{background:var(--accent-dim);color:var(--accent)}.dl-row.settings-active{background:var(--bg-elevated)}.dl-settings-strip{padding:8px 10px 10px;background:var(--bg-elevated);border-top:1px solid var(--border)}.dl-settings-palette{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.dl-settings-swatch{width:16px;height:16px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;flex-shrink:0;transition:transform .1s,border-color .1s}.dl-settings-swatch:hover{transform:scale(1.2)}.dl-settings-swatch.active{border-color:var(--text-primary);transform:scale(1.15)}.dl-settings-color-input{width:20px;height:20px;border-radius:4px;border:1px solid var(--border);padding:1px;cursor:pointer;background:transparent;flex-shrink:0}}@layer mobile{.mob-tools-bar,.mob-bottom-nav,.mob-sheet,.mob-sheet-backdrop,.mob-deposit-btn,.mob-withdraw-btn,.mob-quick-trade,.mob-active-strip{display:none}@media(max-width:767px){:root{--topbar-h: 50px;--mob-nav-h: 58px}html,body,#root{overflow:hidden}.bf-app{display:flex;flex-direction:column;height:100dvh;position:relative}.topbar{padding:0 12px;gap:8px;height:var(--topbar-h);flex-shrink:0}.topbar-divider,.topbar-spacer{display:none}.topbar-market{gap:6px}.market-symbol{font-size:13px}.market-price,.market-change{display:none}.topbar-right{gap:6px;margin-left:auto}.topbar-right .btn,.topbar-right .bal-btn,.topbar-right .topbar-user-chip{height:30px;padding:0 9px;font-size:11px}.bal-btn-label{display:none}.bal-btn-value{font-size:12px}.bal-menu{right:8px;width:calc(100vw - 16px);max-width:300px}.topbar-desk-btns,.topbar-logo .topbar-logo-full{display:none}.topbar-logo .topbar-logo-icon{display:block;height:28px;width:28px;object-fit:contain}.mob-deposit-btn,.mob-withdraw-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;color:#fff;font-size:20px;font-weight:700;border:none;cursor:pointer;line-height:1;flex-shrink:0}.mob-deposit-btn{background:linear-gradient(135deg,#5b6cf9,#8b5cf6)}.mob-withdraw-btn{background:linear-gradient(135deg,#f6465d,#d93044)}.bf-main{flex:1;overflow:hidden;position:relative}.left-sidebar,.right-sidebar,.ct-bar{display:none}.chart-area{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.ivp-wrap{bottom:48px;left:8px}.chart-container{flex:1;min-height:0}.mob-tools-bar{display:flex;align-items:center;background:var(--bg-surface);border-bottom:1px solid var(--border);padding:4px 6px;gap:2px;overflow-x:auto;flex-shrink:0;-webkit-overflow-scrolling:touch}.mob-tools-bar::-webkit-scrollbar{height:0}.mob-tool-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:7px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:background .12s,color .12s}.mob-tool-btn svg{width:16px;height:16px;pointer-events:none}.mob-tool-btn:hover,.mob-tool-btn.active{background:var(--accent-dim);color:var(--accent)}.mob-tool-del.active,.mob-tool-del:hover{background:var(--red-dim);color:var(--red)}.mob-tool-sep{width:1px;height:22px;background:var(--border);margin:0 3px;flex-shrink:0}.mob-sheet-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:80;animation:mob-fade-in .2s ease}@keyframes mob-fade-in{0%{opacity:0}to{opacity:1}}.mob-sheet{display:flex;flex-direction:column;position:fixed;left:0;right:0;bottom:var(--mob-nav-h);background:var(--bg-surface);border-top:1px solid var(--border-light);border-radius:16px 16px 0 0;z-index:90;overflow:hidden;transform:translateY(100%);transition:transform .28s cubic-bezier(.32,.72,0,1)}.mob-sheet--trade{transform:translateY(0);max-height:80vh}.mob-sheet--markets,.mob-sheet--history,.mob-sheet--account{transform:translateY(0);max-height:82vh}.mob-sheet--hidden{transform:translateY(100%);pointer-events:none}.mob-sheet-handle{display:flex;justify-content:center;padding:10px 0 6px;flex-shrink:0;cursor:pointer}.mob-sheet-pill{width:36px;height:4px;background:var(--border-light);border-radius:2px}.mob-sheet-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px}.mob-sheet-title{font-size:14px;font-weight:700;color:var(--text-primary);padding:0 14px 10px;display:flex;align-items:center}.mob-trade-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border)}.mob-trade-row--col{flex-direction:column;align-items:stretch;gap:7px}.mob-trade-row-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.mob-expiry-scroll{display:flex;gap:5px;overflow-x:auto;-webkit-overflow-scrolling:touch;flex:1;padding-bottom:2px}.mob-expiry-scroll::-webkit-scrollbar{height:0}.mob-expiry-chip{padding:5px 10px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap;flex-shrink:0;cursor:pointer;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border);font-family:inherit;transition:all .12s}.mob-expiry-chip.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.mob-amount-header{display:flex;justify-content:space-between;align-items:center}.mob-balance-hint{font-size:10px;color:var(--text-muted)}.mob-amount-field{display:flex;align-items:center;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:10px;overflow:hidden;transition:border-color .13s}.mob-amount-field:focus-within{border-color:var(--accent)}.mob-amount-currency{padding:0 10px;font-size:15px;font-weight:700;color:var(--text-secondary);border-right:1px solid var(--border);align-self:stretch;display:flex;align-items:center;background:var(--bg-primary)}.mob-amount-mode-toggle{padding:0 10px;font-size:13px;font-weight:700;font-family:inherit;color:var(--accent);border:none;border-right:1px solid var(--border);align-self:stretch;display:flex;align-items:center;background:var(--accent-dim);cursor:pointer;transition:background .13s,color .13s;min-width:38px;justify-content:center}.mob-amount-mode-toggle:hover{background:var(--accent);color:#fff}.mob-amount-input{flex:1;padding:10px 8px;background:transparent;border:none;outline:none;color:var(--text-primary);font-family:inherit;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;min-width:0}.mob-amount-input::placeholder{color:var(--text-muted);font-size:15px;font-weight:400}.mob-amount-step{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-secondary);font-size:20px;font-weight:300;cursor:pointer;transition:background .1s,color .1s;border-left:1px solid var(--border);font-family:inherit;line-height:1}.mob-amount-step:hover{background:var(--bg-hover);color:var(--text-primary)}.mob-amount-step--up{color:var(--green)}.mob-amount-step--up:hover{background:var(--green-dim);color:var(--green)}.mob-pct-row{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.mob-pct-chip{padding:6px 0;text-align:center;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border);font-family:inherit;transition:all .12s}.mob-pct-chip:hover,.mob-pct-chip.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.mob-payout-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--bg-elevated);border-bottom:1px solid var(--border)}.mob-payout-item{display:flex;flex-direction:column;align-items:center;flex:1}.mob-payout-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:2px}.mob-payout-val{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary)}.mob-payout-val.green{color:var(--green)}.mob-payout-val.yellow{color:var(--yellow)}.mob-payout-sep{width:1px;height:24px;background:var(--border);flex-shrink:0}.mob-updown-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 14px 12px}.mob-updown-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 8px;border-radius:10px;border:none;cursor:pointer;font-family:inherit;transition:opacity .12s,transform .1s}.mob-updown-btn:active{transform:scale(.97)}.mob-updown-btn:disabled{opacity:.4;cursor:not-allowed}.mob-updown-up{background:linear-gradient(135deg,#0ecb81,#07a868);box-shadow:0 3px 14px #0ecb814d}.mob-updown-down{background:linear-gradient(135deg,#f6465d,#d93044);box-shadow:0 3px 14px #f6465d4d}.mob-updown-arrow{font-size:18px;color:#fff;line-height:1}.mob-updown-label{font-size:14px;font-weight:800;color:#fff;letter-spacing:.4px}.mob-updown-payout{font-size:11px;font-weight:500;color:#fffc}.mob-sheet-search-wrap{display:flex;align-items:center;margin:0 12px 8px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:7px}.mob-sheet-search-wrap:focus-within{border-color:var(--accent)}.mob-sheet-search{flex:1;background:transparent;border:none;outline:none;padding:9px 10px;font-size:13px;color:var(--text-primary);font-family:inherit}.mob-sheet-search::placeholder{color:var(--text-muted)}.mob-sheet-list .mkt-popup-row{padding:12px 16px;gap:12px}.mob-sheet-list .market-icon{width:36px;height:36px;font-size:13px}.mob-sheet-list .market-name{font-size:14px}.mob-active-trades{border-top:1px solid var(--border);padding-top:4px}.mob-active-trades .th-list,.mob-sheet-history .th-list{max-height:none}.ip-panel{position:fixed;left:0;right:0;top:var(--topbar-h);bottom:var(--mob-nav-h);width:100%;max-height:none;border-radius:0;border-left:none;border-right:none;z-index:95}.mkt-backdrop{display:none}.mkt-popup{position:fixed;left:0;right:0;bottom:var(--mob-nav-h);top:auto;width:100%;max-height:80vh;border-radius:16px 16px 0 0;border-left:none;border-right:none;border-bottom:none;z-index:95;animation:mob-sheet-up .25s cubic-bezier(.32,.72,0,1)}@keyframes mob-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bfm-box{width:calc(100vw - 24px);border-radius:12px}.mob-active-strip{display:block;background:var(--bg-surface);border-top:1px solid var(--border);flex-shrink:0;padding:5px 10px}.mob-active-strip-scroll{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.mob-active-strip-scroll::-webkit-scrollbar{display:none}.mat-card{display:flex;align-items:center;gap:7px;flex-shrink:0;background:var(--bg-primary);border-radius:9px;padding:5px 10px 5px 8px;border:1px solid var(--border);min-width:148px}.mat-card.up{border-left:3px solid var(--green)}.mat-card.dn{border-left:3px solid var(--red)}.mat-dir{font-size:16px;font-weight:800;line-height:1;flex-shrink:0}.mat-card.up .mat-dir{color:var(--green)}.mat-card.dn .mat-dir{color:var(--red)}.mat-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.mat-sym{font-size:11px;font-weight:700;color:var(--text-primary);white-space:nowrap}.mat-amt{font-size:10px;color:var(--text-muted);font-weight:500}.mat-timer-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}.mat-countdown{font-size:11px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.mat-bar{width:44px;height:3px;background:var(--border);border-radius:2px;overflow:hidden}.mat-bar-fill{height:100%;border-radius:2px;transition:width .5s linear;background:var(--accent)}.mat-card.up .mat-bar-fill{background:var(--green)}.mat-card.dn .mat-bar-fill{background:var(--red)}.mob-quick-trade{display:flex;flex-direction:column;gap:5px;background:var(--bg-surface);border-top:1px solid var(--border);flex-shrink:0;padding:7px 10px 8px;z-index:10}.mqt-top-row{display:flex;align-items:center;gap:8px}.mqt-expiry-ctrl{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.amount-mode-seg .ams-btn{padding:3px 7px;font-size:10px}.mqt-exp-adj{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:5px;color:var(--text-secondary);font-size:14px;font-weight:700;cursor:pointer;line-height:1}.mqt-exp-adj:hover{border-color:var(--accent);color:var(--accent)}.mqt-expiry-scroll{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}.mqt-expiry-scroll::-webkit-scrollbar{display:none}.mqt-chip{flex-shrink:0;padding:3px 8px;border-radius:20px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.mqt-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.mqt-chip:not(.active):active{border-color:var(--accent);color:var(--text-primary)}.mqt-payout-badge{flex-shrink:0;display:flex;flex-direction:column;align-items:center;background:color-mix(in srgb,var(--green) 12%,transparent);border:1px solid color-mix(in srgb,var(--green) 30%,transparent);border-radius:7px;padding:2px 8px;line-height:1.3}.mqt-payout-badge-val{font-size:12px;font-weight:800;color:var(--green);letter-spacing:.02em}.mqt-payout-badge-lbl{font-size:9px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.mqt-bottom-row{display:flex;align-items:stretch;gap:6px;height:40px}.mqt-amount-wrap{flex:1;display:flex;align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;overflow:hidden;min-width:0}.mqt-mode-toggle{height:100%;padding:0 7px;background:var(--bg-elevated);border:none;border-right:1px solid var(--border);color:var(--accent);font-size:11px;font-weight:700;cursor:pointer;flex-shrink:0;transition:background .12s;letter-spacing:.02em}.mqt-mode-toggle:active{background:var(--accent-dim)}.mqt-amt-btn{width:28px;height:100%;background:transparent;border:none;color:var(--text-secondary);font-size:17px;font-weight:400;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mqt-amt-btn:active{color:var(--text-primary)}.mqt-amount-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:14px;font-weight:700;min-width:0;text-align:center;-moz-appearance:textfield}.mqt-amount-input::-webkit-outer-spin-button,.mqt-amount-input::-webkit-inner-spin-button{-webkit-appearance:none}.mqt-trade-btns{display:flex;gap:5px;flex-shrink:0}.mqt-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:68px;height:100%;border:none;border-radius:9px;font-size:12px;font-weight:800;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;transition:filter .12s,transform .1s}.mqt-btn:active{transform:scale(.94);filter:brightness(.88)}.mqt-btn:disabled{opacity:.35;cursor:not-allowed}.mqt-btn-sub{font-size:9px;font-weight:600;opacity:.85;letter-spacing:.02em;text-transform:none}.mqt-btn-up{background:var(--green);color:#fff}.mqt-btn-dn{background:var(--red);color:#fff}.sp-panel{left:8px;right:8px;bottom:calc(var(--mob-nav-h) + 8px);width:auto;max-height:80vh;overflow-y:auto}.mob-bottom-nav{display:flex;height:var(--mob-nav-h);background:var(--bg-surface);border-top:1px solid var(--border);flex-shrink:0;position:relative;z-index:100}.mob-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;border:none;cursor:pointer;color:var(--text-muted);font-family:inherit;font-size:9px;font-weight:600;transition:color .13s;padding:5px 0;min-width:0}.mob-nav-btn.active{color:var(--accent)}.mob-nav-btn svg{flex-shrink:0;width:18px;height:18px}.mob-nav-icon-wrap{position:relative;display:inline-flex}.mob-nav-badge{position:absolute;top:-4px;right:-6px;background:var(--accent);color:#fff;font-size:9px;font-weight:700;min-width:14px;height:14px;border-radius:7px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1}.topbar-market{cursor:pointer;border-radius:8px;padding:4px 6px;margin:0 -6px;transition:background .12s}.topbar-market:active{background:var(--bg-hover)}.market-change{display:none}.mob-account-section{padding:12px 14px;border-bottom:1px solid var(--border)}.mob-account-section:last-child{border-bottom:none}.mob-account-user-row{display:flex;align-items:center;gap:12px}.mob-account-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#8B5CF6);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;flex-shrink:0}.mob-account-user-info{flex:1;min-width:0}.mob-account-user-email{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mob-account-user-mode{font-size:10px;color:var(--text-muted);margin-top:2px}.mob-account-logout-btn{padding:7px 14px;border-radius:7px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .12s,color .12s;white-space:nowrap;flex-shrink:0}.mob-account-logout-btn:hover{background:var(--red-dim);color:var(--red);border-color:var(--red)}.mob-account-balance-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.mob-account-balance-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.mob-account-balance-val{font-size:22px;font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums}.mob-account-mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.mob-account-mode-btn{padding:9px;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;text-align:center;transition:all .12s}.mob-account-mode-btn.active.demo{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.mob-account-mode-btn.active.live{background:#0ecb811f;border-color:var(--green);color:var(--green)}.mob-account-action-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mob-account-action-btn{padding:11px 8px;border-radius:9px;border:none;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;text-align:center;transition:opacity .12s,transform .1s}.mob-account-action-btn:active{transform:scale(.97)}.mob-account-action-btn.deposit{background:linear-gradient(135deg,#5b6cf9,#8b5cf6);color:#fff}.mob-account-action-btn.withdraw{background:linear-gradient(135deg,#f6465d,#d93044);color:#fff}.mob-account-action-btn.reset{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);grid-column:1 / -1;font-size:12px}.mob-account-auth-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mob-account-auth-btn{padding:11px 8px;border-radius:9px;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;text-align:center;transition:all .12s}.mob-account-auth-btn.login{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.mob-account-auth-btn.register{background:linear-gradient(135deg,var(--accent),#8B5CF6);border:none;color:#fff}.mob-account-hint{font-size:11px;color:var(--text-muted);text-align:center;padding:8px 0 4px}.mob-account-profile-btn{width:100%;display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:9px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .12s,color .12s,border-color .12s;text-align:left}.mob-account-profile-btn:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.sound-toggle-btn{width:28px;height:28px;flex-shrink:0}.trade-btn:hover{transform:none}.trade-btn:active{transform:scale(.97)}}}@layer components{.cdm-box{background:var(--panel);border:1px solid var(--border);border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #0000008c;display:flex;flex-direction:column;scrollbar-width:thin}.cdm-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--border);gap:10px;flex-shrink:0}.cdm-header-left{display:flex;align-items:center;gap:12px}.cdm-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}.cdm-icon.deposit{background:#22c55e26;color:var(--green)}.cdm-title{font-size:15px;font-weight:700;color:var(--text)}.cdm-subtitle{font-size:11px;color:var(--text-muted);margin-top:1px}.cdm-sandbox-badge{font-size:9px;font-weight:800;letter-spacing:.08em;padding:3px 7px;border-radius:5px;background:#fbbf242e;color:#fbbf24;border:1px solid rgba(251,191,36,.35);flex-shrink:0}.cdm-steps{display:flex;align-items:center;padding:12px 20px;gap:0;border-bottom:1px solid var(--border);flex-shrink:0}.cdm-step{display:flex;align-items:center;gap:6px;color:var(--text-muted)}.cdm-step.active{color:var(--accent)}.cdm-step-dot{width:20px;height:20px;border-radius:50%;background:var(--bg);border:1.5px solid currentColor;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cdm-step.active .cdm-step-dot{background:var(--accent);color:#fff;border-color:var(--accent)}.cdm-step-label{font-size:11px;font-weight:600}.cdm-step-line{flex:1;height:1.5px;background:var(--border);margin:0 10px;min-width:24px}.cdm-step-line.active{background:var(--accent)}.cdm-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:14px}.cdm-net-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:-4px}.cdm-net-list{display:flex;flex-direction:column;gap:8px}.cdm-net-row{display:flex;align-items:center;gap:12px;background:var(--bg);border:1.5px solid var(--border);border-radius:14px;padding:12px 14px;cursor:pointer;transition:border-color .15s,background .15s,transform .1s;text-align:left;width:100%}.cdm-net-row:hover{border-color:var(--border);background:color-mix(in srgb,var(--text) 4%,var(--bg));transform:translate(2px)}.cdm-net-row:hover .cdm-net-arrow{opacity:1;color:var(--text)}.cdm-net-row:active{transform:scale(.99)}.cdm-net-logo{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;overflow:hidden}.cdm-net-info{flex:1;min-width:0}.cdm-net-main-name{font-size:14px;font-weight:700;color:var(--text-primary);line-height:1.2}.cdm-net-sub{font-size:11px;color:var(--text-muted);margin-top:1px}.cdm-net-token-pills{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.cdm-token-pill{font-size:10px;font-weight:600;padding:2px 7px;border-radius:10px;background:var(--panel);border:1px solid var(--border);color:var(--text-muted)}.cdm-net-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.cdm-net-tag{font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;letter-spacing:.04em;white-space:nowrap}.cdm-net-speed{font-size:10px;color:var(--green);font-weight:600}.cdm-net-fee{font-size:10px;color:var(--text-muted)}.cdm-net-arrow{color:var(--text-muted);opacity:.45;transition:opacity .15s,color .15s;flex-shrink:0}.cdm-selected-net{display:flex;align-items:center;gap:10px;border:1.5px solid;border-radius:12px;padding:10px 12px}.cdm-selected-net-logo{flex-shrink:0;display:flex}.cdm-selected-net-info{flex:1}.cdm-selected-net-name{font-size:14px;font-weight:700;line-height:1.2}.cdm-selected-net-chain{font-size:11px;color:var(--text-muted)}.cdm-token-row{display:flex;gap:6px;flex-wrap:wrap}.cdm-token-chip{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;border:1.5px solid var(--border);background:var(--bg);color:var(--text-muted);cursor:pointer;transition:all .15s}.cdm-token-chip.active{border-color:var(--net-color, var(--accent));background:color-mix(in srgb,var(--net-color, var(--accent)) 15%,var(--bg));color:var(--net-color, var(--accent))}.cdm-token-chip:hover:not(.active){border-color:var(--text-muted)}.cdm-summary{text-align:center;font-size:13px;color:var(--text-muted);margin:-4px 0}.cdm-summary-amount{font-size:22px;font-weight:800;color:var(--text)}.cdm-summary-sep{font-size:13px}.cdm-summary-net{font-weight:700;font-size:13px}.cdm-qr-wrap{display:flex;flex-direction:column;align-items:center;gap:10px}.cdm-qr-frame{padding:14px;background:var(--bg);border-radius:14px;border:2px solid currentColor;display:inline-flex}.cdm-net-badge{font-size:10px;font-weight:600;padding:3px 10px;border-radius:20px;letter-spacing:.03em}.cdm-qr-loading{text-align:center;color:var(--text-muted);font-size:13px;padding:40px 0}.cdm-addr-wrap{display:flex;flex-direction:column;gap:5px}.cdm-addr-label{font-size:11px;font-weight:600;color:var(--text-muted)}.cdm-addr-row{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.cdm-addr-text{flex:1;font-size:11px;font-family:monospace;color:var(--text);word-break:break-all;line-height:1.5}.cdm-copy-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:600;border:1px solid var(--border);background:var(--panel);color:var(--text-muted);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s}.cdm-copy-btn:hover{border-color:var(--accent);color:var(--accent)}.cdm-copy-btn.copied{border-color:var(--green);color:var(--green);background:#22c55e1a}.cdm-warning{display:flex;align-items:flex-start;gap:7px;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;padding:8px 10px;font-size:11px;color:#fbbf24;line-height:1.5}.cdm-warning svg{flex-shrink:0;margin-top:1px}.cdm-confirm-wrap{display:flex;flex-direction:column;gap:5px}.cdm-confirm-label{font-size:11px;color:var(--text-muted)}.cdm-confirm-track{height:5px;background:var(--bg);border-radius:3px;overflow:hidden;border:1px solid var(--border)}.cdm-confirm-fill{height:100%;border-radius:3px;transition:width .2s linear}.cdm-actions{display:flex;gap:10px;align-items:center}.cdm-back-btn{padding:9px 14px;border-radius:8px;font-size:12px;font-weight:600;border:1px solid var(--border);background:var(--bg);color:var(--text-muted);cursor:pointer;transition:all .15s;white-space:nowrap}.cdm-back-btn:hover{border-color:var(--text-muted);color:var(--text)}.cdm-back-btn:disabled{opacity:.4;cursor:default}.cdm-simulate-btn{flex:1;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:700;border:none;color:#fff;cursor:pointer;transition:opacity .15s,transform .1s}.cdm-simulate-btn:hover:not(:disabled){opacity:.88}.cdm-simulate-btn:active:not(:disabled){transform:scale(.98)}.cdm-simulate-btn:disabled{opacity:.5;cursor:default}.cdm-sandbox-note{font-size:10px;color:var(--text-muted);text-align:center;line-height:1.5;margin-top:-4px}.cdm-done-body{align-items:center;text-align:center;padding:32px 20px;gap:12px}.cdm-done-icon{width:60px;height:60px;border-radius:50%;background:#22c55e26;color:var(--green);font-size:28px;display:flex;align-items:center;justify-content:center}.cdm-done-title{font-size:20px;font-weight:800;color:var(--text)}.cdm-done-amount{font-size:32px;font-weight:800;color:var(--green)}.cdm-done-sub{font-size:12px;color:var(--text-muted);line-height:1.5;max-width:280px}@media(max-width:480px){.cdm-box{max-width:100%;border-radius:16px 16px 0 0;max-height:92vh}.cdm-net-row{padding:10px 12px}.cdm-net-logo{width:38px;height:38px}.cdm-qr-frame{padding:10px}.cdm-summary-amount{font-size:18px}}}@layer components{.am-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050a14d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1200;padding:16px}.am-box{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:16px;width:100%;max-width:420px;box-shadow:0 24px 80px #0009;overflow:hidden}.am-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.am-brand{display:flex;align-items:center;gap:9px}.am-logo{width:28px;height:28px;border-radius:6px}.am-brand-name{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:.2px}.am-close{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:16px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .15s,color .15s}.am-close:hover{background:var(--bg-hover);color:var(--text-primary)}.am-tabs{display:flex;position:relative;margin:20px 24px 0;border-bottom:1px solid var(--border)}.am-tab{flex:1;background:none;border:none;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;color:var(--text-muted);padding:10px 0;transition:color .15s;position:relative}.am-tab.active{color:var(--accent)}.am-tab-indicator{position:absolute;bottom:-1px;height:2px;width:50%;background:var(--accent);border-radius:2px 2px 0 0;transition:left .22s cubic-bezier(.4,0,.2,1)}.am-tab-indicator.login{left:0}.am-tab-indicator.register{left:50%}.am-body{padding:24px}.am-form{display:flex;flex-direction:column;gap:16px}.am-field-group{display:flex;flex-direction:column;gap:14px}.am-field{display:flex;flex-direction:column;gap:6px}.am-label-row{display:flex;align-items:center;justify-content:space-between}.am-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.am-input{width:100%;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:9px;padding:11px 14px;font-family:inherit;font-size:13px;color:var(--text-primary);outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.am-input::placeholder{color:var(--text-muted)}.am-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.am-input--pw{padding-right:44px}.am-pw-wrap{position:relative}.am-pw-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:5px;transition:color .15s}.am-pw-eye:hover{color:var(--text-secondary)}.am-pw-eye svg{width:15px;height:15px}.am-pw-strength{display:flex;align-items:center;gap:8px;margin-top:6px}.am-pw-bars{display:flex;gap:3px;flex:1}.am-pw-bar{flex:1;height:3px;border-radius:2px;background:var(--border-light);transition:background .2s}.am-pw-bar.weak{background:var(--red)}.am-pw-bar.fair{background:#f0b90b}.am-pw-bar.good{background:#4bc7ad}.am-pw-bar.strong,.am-pw-bar.vstrong{background:var(--green)}.am-pw-label{font-size:10px;font-weight:600;width:58px;text-align:right}.am-pw-label.weak{color:var(--red)}.am-pw-label.fair{color:#f0b90b}.am-pw-label.good{color:#4bc7ad}.am-pw-label.strong,.am-pw-label.vstrong{color:var(--green)}.am-select-wrap{position:relative}.am-select{width:100%;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:9px;padding:11px 36px 11px 14px;font-family:inherit;font-size:13px;color:var(--text-primary);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.am-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.am-select option{background:var(--bg-surface);color:var(--text-primary)}.am-select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--text-muted);pointer-events:none}.am-checks{display:flex;flex-direction:column;gap:10px}.am-check-row{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.am-check{width:16px;height:16px;flex-shrink:0;margin-top:1px;accent-color:var(--accent);cursor:pointer}.am-check-label{font-size:12px;color:var(--text-secondary);line-height:1.5}.am-check-label strong{color:var(--text-primary)}.am-forgot{background:none;border:none;cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;color:var(--accent);padding:0;transition:color .15s}.am-forgot:hover{color:var(--accent-hover);text-decoration:underline}.am-error{background:var(--red-dim);border:1px solid rgba(246,70,93,.3);border-radius:8px;padding:10px 13px;font-size:12px;color:var(--red);line-height:1.4}.am-submit{width:100%;padding:13px;border-radius:10px;border:none;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;background:var(--accent);color:#fff;letter-spacing:.3px;transition:background .15s,opacity .15s,transform .1s;display:flex;align-items:center;justify-content:center;gap:8px}.am-submit:hover:not(:disabled){background:var(--accent-hover)}.am-submit:active:not(:disabled){transform:scale(.98)}.am-submit:disabled{opacity:.45;cursor:not-allowed}.am-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:am-spin .7s linear infinite;display:inline-block}@keyframes am-spin{to{transform:rotate(360deg)}}.am-switch-hint{text-align:center;font-size:12px;color:var(--text-muted);margin:0}.am-switch-link{background:none;border:none;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;color:var(--accent);padding:0;transition:color .15s}.am-switch-link:hover{color:var(--accent-hover)}@media(max-width:480px){.am-box{border-radius:14px;max-width:100%}.am-header{padding:18px 18px 0}.am-tabs{margin:16px 18px 0}.am-body{padding:20px 18px}}.topbar-user-chip{display:flex;align-items:center;gap:7px;background:var(--bg-elevated);border:1px solid var(--border-light);cursor:pointer;transition:border-color .15s,background .15s;-webkit-user-select:none;user-select:none}.topbar-user-chip:hover,.topbar-user-chip.open{border-color:var(--accent);background:var(--bg-hover)}.topbar-user-caret{color:var(--text-muted);flex-shrink:0;transition:transform .15s}.topbar-user-chip.open .topbar-user-caret{transform:rotate(180deg)}.user-menu{position:fixed;top:52px;right:12px;width:200px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:10px;box-shadow:0 12px 40px #00000080,0 2px 8px #0000004d;z-index:400;overflow:hidden}.user-menu-info{display:flex;align-items:center;gap:10px;padding:12px 14px}.user-menu-avatar{width:34px;height:34px;border-radius:50%;background:var(--accent-dim);border:1.5px solid var(--accent);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.user-menu-email{font-size:11px;font-weight:500;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-divider{height:1px;background:var(--border);margin:0}.user-menu-item{width:100%;display:flex;align-items:center;gap:9px;padding:10px 14px;background:none;border:none;color:var(--text-secondary);font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:background .12s,color .12s;text-align:left}.user-menu-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.user-menu-item--danger{color:var(--text-secondary)}.user-menu-item--danger:hover{background:var(--red-dim);color:var(--red)}.topbar-user-avatar{width:26px;height:26px;border-radius:50%;background:var(--accent-dim);border:1.5px solid var(--accent);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.topbar-user-label{font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap}@media(max-width:767px){.topbar-user-label{display:none}.topbar-user-chip{padding:5px 8px;gap:0}}}@layer components{.dbn-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080e1ad1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;animation:dbn-fade-in .22s ease}@keyframes dbn-fade-in{0%{opacity:0}to{opacity:1}}.dbn-box{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:18px;box-shadow:0 24px 80px #000000a6,0 4px 16px #0006;padding:36px 32px 28px;max-width:440px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;animation:dbn-slide-up .25s ease}@keyframes dbn-slide-up{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dbn-icon-wrap{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,#5b6cf914,#f6465d0f);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dbn-svg{width:52px;height:52px}.dbn-title{font-size:17px;font-weight:700;color:var(--text-primary);line-height:1.3}.dbn-body{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--text-secondary);line-height:1.6}.dbn-body strong{color:var(--text-primary);font-weight:600}.dbn-status-row{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-elevated);border-radius:10px;border:1px solid var(--border);font-size:12px;color:var(--text-secondary);width:100%;justify-content:center;flex-wrap:wrap}.dbn-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dbn-status-dot.demo{background:var(--green);box-shadow:0 0 6px #0ecb8199}.dbn-status-dot.live{background:var(--red)}.dbn-status-text{font-size:12px;color:var(--text-secondary)}.dbn-status-text strong{color:var(--text-primary);font-weight:600}.dbn-status-sep{color:var(--text-muted)}.dbn-actions{display:flex;gap:10px;width:100%}.dbn-retry-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 18px;border-radius:9px;border:1px solid var(--accent);background:var(--accent-dim);color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;transition:background .14s,opacity .14s;font-family:inherit}.dbn-retry-btn:hover:not(:disabled){background:#5b6cf938}.dbn-retry-btn:disabled{opacity:.55;cursor:not-allowed}.dbn-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(91,108,249,.3);border-top-color:var(--accent);border-radius:50%;animation:dbn-spin .65s linear infinite}@keyframes dbn-spin{to{transform:rotate(360deg)}}.dbn-demo-btn{flex:1;padding:10px 18px;border-radius:9px;border:1px solid var(--border-light);background:var(--bg-elevated);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;transition:background .14s,border-color .14s;font-family:inherit}.dbn-demo-btn:hover{background:var(--bg-hover);border-color:var(--border-light)}.dbn-footer{font-size:11px;color:var(--text-muted);line-height:1.5}.dbn-link{color:var(--accent);text-decoration:none}.dbn-link:hover{text-decoration:underline}@media(max-width:480px){.dbn-box{padding:28px 20px 22px}.dbn-actions{flex-direction:column}}.pf-loading{flex:1;display:flex;align-items:center;justify-content:center}.pf-loading-spinner{width:36px;height:36px;border:3px solid var(--border-light);border-top-color:var(--accent);border-radius:50%;animation:pf-spin .7s linear infinite}@keyframes pf-spin{to{transform:rotate(360deg)}}.pf-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:10px;padding:13px 20px;border-radius:12px;font-size:13.5px;font-weight:500;box-shadow:0 8px 40px #00000059,0 2px 8px #0003;animation:pf-toast-in .28s cubic-bezier(.34,1.56,.64,1);pointer-events:none;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pf-toast--success{background:#10b98124;border:1px solid rgba(16,185,129,.35);color:#10b981}.pf-toast--error{background:#ef444424;border:1px solid rgba(239,68,68,.35);color:#ef4444}.bf-app[data-theme=light] .pf-toast--success{background:#10b9811a;border-color:#10b98173}.bf-app[data-theme=light] .pf-toast--error{background:#ef444414;border-color:#ef444466}.pf-toast-icon-wrap{display:flex;align-items:center;justify-content:center;flex-shrink:0}.pf-toast-msg{line-height:1.4}@keyframes pf-toast-in{0%{opacity:0;transform:translate(-50%) translateY(16px) scale(.93)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}}@layer pages{.pf-page{display:flex;flex-direction:column;height:100vh;background:var(--bg-primary);color:var(--text-primary);overflow:hidden}.pf-topbar{height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0;gap:16px}.pf-back-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:7px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:color .12s,border-color .12s,background .12s;white-space:nowrap;flex-shrink:0}.pf-back-btn:hover{color:var(--text-primary);border-color:var(--border-light);background:var(--bg-elevated)}.pf-topbar-logo{flex:1;display:flex;justify-content:center}.pf-logo-full{height:28px;object-fit:contain}.pf-logo-icon{display:none;height:28px;width:28px;object-fit:contain}.pf-topbar-right{flex-shrink:0}.pf-topbar-user{display:flex;align-items:center;gap:8px}.pf-topbar-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#8B5CF6);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.pf-topbar-email{font-size:12px;color:var(--text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-body{flex:1;display:flex;overflow:hidden}.pf-nav{width:260px;flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-surface);border-right:1px solid var(--border);overflow:hidden}.pf-avatar-block{padding:28px 20px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;border-bottom:1px solid var(--border)}.pf-avatar-circle{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#8B5CF6);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;margin-bottom:12px;box-shadow:0 4px 16px #5b6cf94d}.pf-avatar-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:3px}.pf-avatar-email{font-size:11px;color:var(--text-secondary);margin-bottom:4px;word-break:break-all}.pf-avatar-meta{font-size:10px;color:var(--text-muted);margin-bottom:10px}.pf-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.pf-badge--verified{background:#0ecb8124;border:1px solid rgba(14,203,129,.35);color:var(--green)}.pf-badge--pending{background:#f0b90b24;border:1px solid rgba(240,185,11,.35);color:var(--yellow)}.pf-badge--unverified{background:#f6465d1a;border:1px solid rgba(246,70,93,.25);color:var(--red)}.pf-nav-list{display:flex;flex-direction:column;padding:10px 10px 0;gap:2px;flex:1;min-height:0;overflow-y:auto}.pf-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;text-align:left;transition:background .12s,color .12s;font-family:inherit}.pf-nav-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.pf-nav-item.active{background:var(--accent-dim);color:var(--accent)}.pf-nav-icon{display:flex;align-items:center;flex-shrink:0}.pf-nav-stats{flex-shrink:0;padding:14px 14px 18px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.pf-stat-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.pf-stat-label{font-size:11px;color:var(--text-muted)}.pf-stat-value{font-size:11px;color:var(--text-secondary);font-weight:500}.pf-content{flex:1;overflow-y:auto;padding:28px 32px}.pf-tab-content{max-width:680px;display:flex;flex-direction:column;gap:18px}.pf-tab-content--wide{max-width:100%}.pf-section-head{margin-bottom:4px}.pf-section-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.pf-section-sub{font-size:12px;color:var(--text-secondary);line-height:1.5}.pf-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.pf-card--dimmed{opacity:.65}.pf-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border)}.pf-card-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary)}.pf-card-body{padding:18px;display:flex;flex-direction:column;gap:16px}.pf-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pf-field{display:flex;flex-direction:column;gap:5px}.pf-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px}.pf-input{padding:9px 12px;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-size:13px;font-family:inherit;outline:none;transition:border-color .15s;width:100%}.pf-input:focus{border-color:var(--accent)}.pf-input--locked{color:var(--text-secondary);cursor:not-allowed;background:var(--bg-primary)}.pf-input--error{border-color:var(--red)!important}.pf-input-row{display:flex;gap:8px;align-items:center}.pf-locked-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:6px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);font-size:10px;font-weight:600;white-space:nowrap;flex-shrink:0}.pf-select-wrap{position:relative}.pf-select{width:100%;padding:9px 32px 9px 12px;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-size:13px;font-family:inherit;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color .15s}.pf-select:focus{border-color:var(--accent)}.pf-select-caret{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-secondary)}.pf-textarea{padding:9px 12px;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-size:13px;font-family:inherit;outline:none;resize:vertical;min-height:70px;transition:border-color .15s}.pf-textarea:focus{border-color:var(--accent)}.pf-field-hint{font-size:10px;color:var(--text-muted);line-height:1.4}.pf-field-error{font-size:10px;color:var(--red)}.pf-pw-wrap{position:relative}.pf-pw-wrap .pf-input{padding-right:38px}.pf-pw-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:color .12s;padding:0}.pf-pw-eye:hover{color:var(--text-secondary)}.pf-pw-eye svg{width:14px;height:14px}.pf-strength{display:flex;align-items:center;gap:8px;margin-top:3px}.pf-strength-bars{display:flex;gap:3px;flex:1}.pf-strength-bar{height:3px;flex:1;border-radius:2px;background:var(--border-light);transition:background .2s}.pf-strength-label{font-size:10px;font-weight:600;min-width:60px;text-align:right}.pf-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--bg-elevated);border-radius:8px;border:1px solid var(--border)}.pf-status-info{display:flex;flex-direction:column;gap:2px}.pf-status-label{font-size:12px;font-weight:600;color:var(--text-primary)}.pf-status-sub{font-size:11px;color:var(--text-secondary)}.pf-action-btn{padding:6px 14px;border-radius:7px;border:1px solid var(--accent);background:var(--accent-dim);color:var(--accent);font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .12s;font-family:inherit;flex-shrink:0}.pf-action-btn:hover{background:#5b6cf940}.pf-coming-soon-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:2px 8px;border-radius:5px;background:#f0b90b1f;border:1px solid rgba(240,185,11,.3);color:var(--yellow)}.pf-2fa-preview{display:flex;align-items:flex-start;gap:14px;opacity:.6}.pf-2fa-icon{width:44px;height:44px;border-radius:10px;background:var(--accent-dim);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.pf-2fa-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.pf-2fa-sub{font-size:11px;color:var(--text-secondary);line-height:1.5}.pf-save-row{display:flex;align-items:center;justify-content:flex-end;gap:14px}.pf-save-btn,.pf-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 22px;border-radius:8px;border:1px solid transparent;background:var(--bg-elevated);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s,border-color .15s;font-family:inherit;letter-spacing:.01em}.pf-save-btn,.pf-btn--primary{background:var(--accent);color:#fff;border-color:transparent}.pf-save-btn:hover:not(:disabled),.pf-btn--primary:hover:not(:disabled){background:var(--accent-hover)}.pf-btn:not(.pf-btn--primary):hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-light)}.pf-save-btn:disabled,.pf-btn:disabled{opacity:.45;cursor:not-allowed}.pf-form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pf-btn-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:pf-spin .6s linear infinite}.pf-kyc-steps{display:flex;align-items:center;gap:0;padding:4px 0 16px;overflow-x:auto}.pf-kyc-step-wrap{display:flex;align-items:center;flex:1;min-width:0}.pf-kyc-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.pf-kyc-dot{width:28px;height:28px;border-radius:50%;border:2px solid var(--border-light);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--text-muted);background:var(--bg-elevated);transition:all .2s}.pf-kyc-step.done .pf-kyc-dot{background:var(--green);border-color:var(--green);color:#fff}.pf-kyc-label{font-size:10px;color:var(--text-muted);text-align:center;white-space:nowrap}.pf-kyc-step.done .pf-kyc-label{color:var(--green);font-weight:600}.pf-kyc-line{flex:1;height:2px;background:var(--border-light);margin:0 4px 16px;transition:background .2s}.pf-kyc-line.done{background:var(--green)}.pf-kyc-verified-msg,.pf-kyc-pending-msg{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;font-size:12px;font-weight:500}.pf-kyc-verified-msg{background:#0ecb811a;border:1px solid rgba(14,203,129,.25);color:var(--green)}.pf-kyc-pending-msg{background:#f0b90b1a;border:1px solid rgba(240,185,11,.25);color:var(--yellow)}.pf-kyc-rejected-msg{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:8px;font-size:12px;font-weight:500;background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#ef4444}.pf-kyc-prereq{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;font-size:12px;font-weight:500;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:var(--yellow);margin-bottom:8px}.pf-kyc-prereq-link{background:none;border:none;padding:0;margin:0;color:var(--accent);cursor:pointer;font-size:12px;font-weight:600;text-decoration:underline}.pf-kyc-prereq-link:hover{color:var(--accent-hover, #e6a000)}.pf-upload-preview{width:100%;height:90px;object-fit:cover;border-radius:0;display:block;flex-shrink:0}.pf-upload-zone.has-preview{padding:0;gap:0;align-items:stretch;justify-content:flex-start;min-height:unset;height:130px;overflow:hidden;cursor:default}.pf-upload-zone.has-preview .pf-upload-label{padding:6px 32px 6px 10px;font-size:11px;color:var(--text-secondary);background:var(--bg-elevated);border-top:1px solid var(--border);flex-shrink:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;box-sizing:border-box}.pf-server-thumb{position:relative;border-radius:10px;border:2px solid var(--border-light);overflow:hidden;display:flex;flex-direction:column;height:130px;background:var(--bg-elevated)}.pf-server-thumb-img{width:100%;height:90px;object-fit:cover;display:block;flex-shrink:0}.pf-server-thumb-footer{display:flex;align-items:center;padding:0 8px;flex:1;gap:6px;background:var(--bg-elevated);border-top:1px solid var(--border)}.pf-server-thumb-label{flex:1;font-size:11px;font-weight:600;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-server-thumb-replace{width:18px;height:18px;border-radius:50%;border:none;background:#f6465d26;color:var(--red);font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .12s}.pf-server-thumb-replace:hover{background:#f6465d4d}.pf-server-thumb-img-error{display:flex;align-items:center;justify-content:center;height:90px;background:var(--bg-primary);color:var(--text-muted);font-size:11px;flex-shrink:0}.pf-upload-instructions{font-size:12px;color:var(--text-secondary);line-height:1.6}.pf-id-number-wrap{background:#5b6cf912;border:1px solid rgba(91,108,249,.28);border-radius:10px;padding:14px 16px 12px;display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.pf-id-number-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--accent);letter-spacing:.2px}.pf-id-number-required{margin-left:auto;font-size:10px;font-weight:700;letter-spacing:.4px;color:var(--accent);background:#5b6cf92e;border-radius:4px;padding:2px 7px}.pf-id-number-input{font-family:Courier New,monospace!important;font-size:15px!important;font-weight:700!important;letter-spacing:.12em!important;text-transform:uppercase!important;border-color:#5b6cf959!important;background:var(--bg-primary)!important;color:var(--text-primary)!important;padding:11px 14px!important}.pf-id-number-input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px #5b6cf921}.pf-id-number-input--empty{border-color:#5b6cf973!important;box-shadow:0 0 0 2px #5b6cf914}.pf-id-number-hint{font-size:11px;color:var(--text-secondary);line-height:1.5}.pf-upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pf-upload-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:20px 12px;border-radius:10px;border:2px dashed var(--border-light);cursor:pointer;transition:border-color .15s,background .15s;text-align:center;min-height:110px}.pf-upload-zone:hover:not(.uploaded){border-color:var(--accent);background:var(--accent-dim)}.pf-upload-zone.uploaded{border-style:solid;border-color:var(--green);background:#0ecb810d;cursor:default}.pf-upload-zone.error{border-style:solid;border-color:var(--red);background:#f6465d0f}.pf-upload-zone.uploading{border-style:solid;border-color:var(--accent);background:var(--accent-dim);cursor:wait;opacity:.7}.pf-upload-error{font-size:11px;color:var(--red);font-weight:500;line-height:1.3}.pf-upload-icon{color:var(--text-muted);display:flex;align-items:center;justify-content:center}.pf-upload-zone.uploaded .pf-upload-icon{color:var(--green);font-size:18px;font-weight:700}.pf-upload-label{font-size:12px;font-weight:600;color:var(--text-primary)}.pf-upload-hint{font-size:10px;color:var(--text-muted);word-break:break-all;line-height:1.3}.pf-upload-remove{position:absolute;top:7px;right:7px;width:18px;height:18px;border-radius:50%;border:none;background:#f6465d26;color:var(--red);font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s;line-height:1}.pf-upload-remove:hover{background:#f6465d4d}.pf-kyc-checklist{display:flex;gap:14px;align-items:center;margin-right:auto}.pf-kyc-check{font-size:11px;color:var(--text-muted);font-weight:500}.pf-kyc-check.ok{color:var(--green)}.pf-limits-table{display:flex;flex-direction:column;gap:0;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.pf-limits-row{display:grid;grid-template-columns:1fr 1fr 1fr;padding:9px 14px;border-bottom:1px solid var(--border);gap:8px}.pf-limits-row:last-child{border-bottom:none}.pf-limits-head{background:var(--bg-elevated);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.pf-limits-label{font-size:12px;color:var(--text-secondary)}.pf-limits-val{font-size:12px;color:var(--text-muted);text-align:center;font-weight:500}.pf-limits-val.active-col{color:var(--text-primary);font-weight:600}.pf-card-body--flush{padding:0}.pf-tx-loading{display:flex;align-items:center;justify-content:center;padding:48px 0}.pf-tx-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 20px;color:var(--text-muted);text-align:center}.pf-tx-empty svg{opacity:.35;margin-bottom:4px}.pf-tx-empty p{margin:0;font-size:14px;font-weight:500;color:var(--text-secondary)}.pf-tx-empty span{font-size:12px}.pf-tx-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.pf-tx-table{width:100%;border-collapse:collapse;font-size:12.5px}.pf-tx-table thead tr{border-bottom:1px solid var(--border)}.pf-tx-table th{padding:10px 14px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);white-space:nowrap}.pf-tx-table tbody tr{border-bottom:1px solid var(--border);transition:background .1s}.pf-tx-table tbody tr:last-child{border-bottom:none}.pf-tx-table tbody tr:hover{background:var(--bg-elevated)}.pf-tx-table td{padding:11px 14px;vertical-align:middle;color:var(--text-primary);white-space:nowrap}.pf-tx-date{display:flex;flex-direction:column;gap:2px}.pf-tx-time{font-size:10.5px;color:var(--text-muted);font-weight:400}.pf-tx-amount{font-weight:600;color:var(--green)!important}.pf-tx-currency{font-weight:600;color:var(--text-primary)}.pf-tx-network{display:inline-block;padding:2px 8px;border-radius:5px;font-size:11px;font-weight:600;background:var(--accent-dim);color:var(--accent)}.pf-tx-addr,.pf-tx-hash{font-family:SF Mono,Fira Code,monospace;font-size:11.5px;color:var(--text-secondary);cursor:default}.pf-tx-status{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700;text-transform:capitalize;letter-spacing:.2px}.pf-tx-status--completed{background:#0ecb811f;border:1px solid rgba(14,203,129,.3);color:var(--green)}.pf-tx-status--pending{background:#f0b90b1f;border:1px solid rgba(240,185,11,.3);color:var(--yellow)}.pf-tx-status--failed{background:#f6465d1a;border:1px solid rgba(246,70,93,.25);color:var(--red)}.pf-tr-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pf-tr-stat-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px}.pf-tr-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pf-tr-stat-icon--total{background:#5b6cf91f;color:var(--accent)}.pf-tr-stat-icon--win{background:#0ecb811f;color:var(--green)}.pf-tr-stat-icon--loss{background:#f6465d1a;color:var(--red)}.pf-tr-stat-icon--best{background:#f0b90b1f;color:var(--yellow)}.pf-tr-stat-body{display:flex;flex-direction:column;gap:3px;min-width:0}.pf-tr-stat-value{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1}.pf-tr-stat-value--win{color:var(--green)}.pf-tr-stat-value--loss{color:var(--red)}.pf-tr-stat-label{font-size:11.5px;color:var(--text-muted);font-weight:500}.pf-tr-stat-sub{opacity:.7;font-weight:400}.pf-tr-header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pf-tr-filter-pills{display:flex;gap:4px}.pf-tr-filter-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:background .12s,color .12s,border-color .12s;font-family:inherit}.pf-tr-filter-pill:hover{background:var(--bg-elevated);color:var(--text-primary)}.pf-tr-filter-pill.active.pf-tr-filter-pill--all{background:var(--accent-dim);border-color:#5b6cf966;color:var(--accent)}.pf-tr-filter-pill.active.pf-tr-filter-pill--win{background:#0ecb811f;border-color:#0ecb8166;color:var(--green)}.pf-tr-filter-pill.active.pf-tr-filter-pill--loss{background:#f6465d1a;border-color:#f6465d4d;color:var(--red)}.pf-tr-pill-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:currentColor;color:var(--bg-primary);font-size:10px;font-weight:700;opacity:.85}.pf-tr-table tbody tr.pf-tr-row--win{border-left:2px solid rgba(14,203,129,.4)}.pf-tr-table tbody tr.pf-tr-row--loss{border-left:2px solid rgba(246,70,93,.3)}.pf-tr-symbol{display:inline-block;font-weight:600;font-size:12px;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:5px;padding:2px 7px;white-space:nowrap}.pf-tr-dir{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:5px;font-size:11px;font-weight:700;letter-spacing:.2px}.pf-tr-dir--up{background:#0ecb811a;border:1px solid rgba(14,203,129,.25);color:var(--green)}.pf-tr-dir--down{background:#f6465d1a;border:1px solid rgba(246,70,93,.25);color:var(--red)}.pf-tr-stake{font-weight:600;color:var(--text-primary)}.pf-tr-expiry{font-size:11.5px;color:var(--text-secondary);font-weight:500}.pf-tr-price{font-family:SF Mono,Fira Code,monospace;font-size:11.5px;color:var(--text-secondary)}.pf-tr-payout{font-size:12px;font-weight:600;color:var(--text-secondary)}.pf-tr-result{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.2px}.pf-tr-result--win{background:#0ecb811f;border:1px solid rgba(14,203,129,.3);color:var(--green)}.pf-tr-result--loss{background:#f6465d1a;border:1px solid rgba(246,70,93,.25);color:var(--red)}.pf-tr-pnl{font-weight:700;font-size:13px}.pf-tr-pnl--win{color:var(--green)}.pf-tr-pnl--loss{color:var(--red)}@media(max-width:767px){.pf-page{height:100dvh;overflow:hidden}.pf-logo-full{display:none}.pf-logo-icon{display:block}.pf-topbar-email{display:none}.pf-topbar{padding:0 12px;height:50px;gap:10px}.pf-back-btn{font-size:11px;padding:5px 10px;gap:4px}.pf-body{flex-direction:column;overflow:hidden;flex:1;min-height:0;height:auto}.pf-nav{width:100%;border-right:none;border-bottom:1px solid var(--border);flex-shrink:0;overflow:hidden}.pf-avatar-block{padding:10px 14px;flex-direction:row;text-align:left;align-items:center;gap:10px;border-bottom:1px solid var(--border)}.pf-avatar-circle{width:38px;height:38px;font-size:15px;margin-bottom:0;flex-shrink:0;box-shadow:none}.pf-avatar-name{font-size:13px;margin-bottom:1px}.pf-avatar-email{font-size:10px;margin-bottom:2px}.pf-avatar-meta{display:none}.pf-nav-list{flex-direction:row;padding:6px 10px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;gap:3px;scrollbar-width:none}.pf-nav-list::-webkit-scrollbar{display:none}.pf-nav-item{white-space:nowrap;padding:6px 10px;font-size:11px;border-radius:7px;gap:5px}.pf-nav-icon{width:14px;height:14px}.pf-nav-stats{display:none}.pf-content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px}.pf-card-body{padding:14px}.pf-card-header{padding:12px 14px}.pf-section-title{font-size:16px}.pf-section-head{margin-bottom:2px}.pf-tab-content{gap:14px}.pf-grid-2{grid-template-columns:1fr;gap:12px}.pf-field{margin-bottom:12px}.pf-input,.pf-textarea,.pf-select{font-size:14px}.pf-save-row{flex-wrap:wrap;gap:10px}.pf-save-btn{width:100%;justify-content:center}.pf-input-row{flex-direction:column;gap:8px}.pf-locked-badge{align-self:flex-start}.pf-upload-grid{grid-template-columns:1fr;gap:10px}.pf-kyc-steps{gap:0;overflow-x:auto}.pf-kyc-checklist{width:100%;flex-wrap:wrap;gap:8px}.pf-kyc-step-wrap{flex-shrink:0}.pf-tx-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:0;margin:0 -14px;padding:0 14px}.pf-tx-table{min-width:520px;font-size:11.5px}.pf-tx-table th,.pf-tx-table td{padding:8px 10px}.pf-tx-table th:nth-child(5),.pf-tx-table td:nth-child(5){display:none}.pf-tr-table{min-width:480px}.pf-tr-stats{grid-template-columns:1fr 1fr;gap:8px}.pf-tr-stat-card{padding:12px;gap:8px}.pf-tr-stat-value{font-size:15px}.pf-tr-stat-icon{width:34px;height:34px}.pf-tr-header-right{gap:6px;flex-wrap:wrap}.pf-card-header{flex-wrap:wrap;gap:8px}.pf-wallet-addr{font-size:10px;word-break:break-all}.pf-wallet-info{min-width:0}.pf-2fa-preview{flex-direction:column;text-align:center;align-items:center;gap:12px}}.pf-wallet-count-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary)}.pf-wallet-list{display:flex;flex-direction:column;gap:10px}.pf-wallet-item{display:flex;align-items:center;gap:12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:13px 16px;transition:border-color .15s}.pf-wallet-item:hover{border-color:var(--border-light)}.pf-wallet-icon{width:36px;height:36px;border-radius:10px;background:#f59e0b1a;color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pf-wallet-info{flex:1;min-width:0}.pf-wallet-name{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.pf-wallet-addr{font-size:11px;font-family:monospace;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-wallet-tag{font-size:10px;font-weight:700;padding:1px 7px;border-radius:5px;background:#f59e0b1f;color:#f59e0b;white-space:nowrap}.pf-wallet-tag-blue{background:#3b82f61f;color:#93c5fd}.pf-wallet-remove{width:32px;height:32px;border-radius:8px;background:#ef444414;border:1px solid rgba(239,68,68,.15);color:#f87171;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0}.pf-wallet-remove:hover{background:#ef44442e;border-color:#ef444459}.pf-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 24px;color:var(--text-secondary);font-size:14px}.pf-loading-inline{display:flex;align-items:center;justify-content:center;gap:10px;padding:24px 0;color:var(--text-secondary);font-size:13px}.pf-wd-status{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;white-space:nowrap;text-transform:capitalize}@media(max-width:380px){.sound-toggle-btn{display:none}.topbar{padding:0 8px;gap:6px}.topbar-right{gap:4px}.balance-value{font-size:12px}.acm-btn{padding:4px 6px;font-size:9px}}.pf-wd-table td{vertical-align:middle}.pf-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 0 4px}.pf-page-btn{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;padding:5px 14px;font-size:13px;cursor:pointer;transition:background .15s}.pf-page-btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff}.pf-page-btn:disabled{opacity:.35;cursor:not-allowed}.pf-page-info{font-size:13px;color:var(--text-secondary);min-width:60px;text-align:center}}.risk-master-card{padding:18px 20px}.risk-master-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.risk-master-title{font-size:15px;font-weight:600;color:var(--text-primary)}.risk-master-sub{font-size:12px;color:var(--text-muted);margin-top:3px}.risk-toggle{position:relative;width:46px;height:26px;border-radius:13px;border:none;background:var(--border);cursor:pointer;transition:background .2s;flex-shrink:0;padding:0}.risk-toggle--on{background:var(--accent)}.risk-toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s;display:block;box-shadow:0 1px 3px #00000040}.risk-toggle--on .risk-toggle-knob{transform:translate(20px)}.risk-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;transition:opacity .2s}.risk-grid--disabled{opacity:.45;pointer-events:none}.risk-card{display:flex;gap:14px;padding:16px 18px;align-items:flex-start}.risk-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.risk-icon--amount{background:#3b82f614;color:#3b82f6}.risk-icon--loss{background:#ef444414;color:#ef4444}.risk-icon--count{background:#8b5cf614;color:#8b5cf6}.risk-icon--open{background:#f59e0b14;color:#f59e0b}.risk-icon--streak{background:#ec489914;color:#ec4899}.risk-icon--cool{background:#10b98114;color:#10b981}.risk-card-body{flex:1;min-width:0}.risk-label{display:block;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.risk-desc{font-size:11.5px;color:var(--text-muted);margin:0 0 10px;line-height:1.45}.risk-input-row{display:flex;align-items:center;gap:6px}.risk-prefix,.risk-suffix{font-size:13px;color:var(--text-secondary);flex-shrink:0}.risk-input{flex:1;min-width:0;height:34px;padding:0 10px;border-radius:7px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);font-size:13px;font-family:inherit;outline:none;transition:border-color .15s}.risk-input:focus{border-color:var(--accent)}.risk-input::placeholder{color:var(--text-muted)}.risk-input::-webkit-inner-spin-button,.risk-input::-webkit-outer-spin-button{opacity:.4}.risk-notice{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:10px 14px;line-height:1.5}@media(max-width:860px){.risk-grid{grid-template-columns:1fr}}@media(max-width:600px){.risk-card{flex-direction:column;gap:10px}.risk-card-icon{width:34px;height:34px;border-radius:8px}}@layer pages{.sup-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;flex-direction:column}.sup-loading-screen{flex:1;display:flex;align-items:center;justify-content:center}.sup-header{height:56px;background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:16px;flex-shrink:0;position:sticky;top:0;z-index:10}.sup-back-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-secondary);font-size:13px;cursor:pointer;padding:6px 10px;border-radius:6px;transition:background .15s,color .15s}.sup-back-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sup-header-center{display:flex;align-items:center;gap:8px;flex:1}.sup-header-title{font-size:15px;font-weight:600;color:var(--text-primary)}.sup-header-right{margin-left:auto}.sup-header-email{font-size:12px;color:var(--text-muted)}.sup-auth-gate{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 20px;text-align:center}.sup-auth-icon-wrap{width:80px;height:80px;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:8px}.sup-auth-title{font-size:20px;font-weight:600;margin:0}.sup-auth-sub{font-size:14px;color:var(--text-secondary);margin:0;max-width:340px}.sup-auth-btn{margin-top:8px;padding:10px 24px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .15s}.sup-auth-btn:hover{opacity:.88}.sup-layout{flex:1;display:flex;overflow:hidden;height:calc(100vh - 56px)}.sup-sidebar{width:300px;flex-shrink:0;border-right:1px solid var(--border);display:flex;flex-direction:column;background:var(--bg-surface);overflow:hidden}.sup-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.sup-sidebar-title{font-size:13px;font-weight:600;color:var(--text-primary)}.sup-new-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:opacity .15s}.sup-new-btn:hover{opacity:.88}.sup-list-loader,.sup-list-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted);font-size:13px;padding:24px;text-align:center}.sup-list-empty svg{opacity:.25}.sup-list-empty p{margin:0}.sup-list-empty-cta{padding:7px 16px;background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent);border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s}.sup-list-empty-cta:hover{background:var(--accent);color:#fff}.sup-ticket-list{flex:1;overflow-y:auto}.sup-ticket-item{padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s}.sup-ticket-item:hover{background:var(--bg-hover)}.sup-ticket-item.active{background:var(--accent-dim);border-left:3px solid var(--accent)}.sup-ticket-item-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.sup-ticket-num{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.sup-status-pill{font-size:10px;font-weight:600;padding:2px 8px;border-radius:99px;letter-spacing:.2px}.sup-cat-pill{font-size:10px;font-weight:500;padding:2px 8px;border-radius:99px;background:var(--bg-elevated);color:var(--text-secondary)}.sup-ticket-subject{font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sup-ticket-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-muted)}.sup-ticket-cat{padding:1px 7px;background:var(--bg-elevated);border-radius:4px;color:var(--text-secondary)}.sup-ticket-reply-count{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted);margin-top:5px}.sup-main{flex:1;overflow:hidden;display:flex;flex-direction:column;background:var(--bg-primary)}.sup-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:60px 32px 40px;overflow-y:auto;text-align:center}.sup-empty-icon{width:96px;height:96px;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:20px}.sup-empty-title{font-size:20px;font-weight:600;margin:0 0 8px}.sup-empty-sub{font-size:14px;color:var(--text-secondary);margin:0 0 24px;max-width:380px}.sup-cta-btn{padding:10px 28px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .15s;margin-bottom:48px}.sup-cta-btn:hover{opacity:.88}.sup-help-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:540px}.sup-help-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:16px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:border-color .15s,background .15s}.sup-help-card:hover{border-color:var(--accent);background:var(--accent-dim)}.sup-help-card-icon{font-size:20px;margin-bottom:4px}.sup-help-card-title{font-size:13px;font-weight:600}.sup-help-card-desc{font-size:11px;color:var(--text-secondary)}.sup-form-wrap{flex:1;overflow-y:auto;padding:32px;max-width:680px;width:100%;margin:0 auto}.sup-form-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px}.sup-form-title{font-size:18px;font-weight:600;margin:0 0 4px}.sup-form-sub{font-size:13px;color:var(--text-secondary);margin:0}.sup-close-btn{background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:color .15s;line-height:1}.sup-close-btn:hover{color:var(--text-primary)}.sup-form{display:flex;flex-direction:column;gap:20px}.sup-field{display:flex;flex-direction:column;gap:6px}.sup-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.sup-label-hint{font-size:11px;font-weight:400;color:var(--text-muted);text-transform:none;letter-spacing:0}.sup-select,.sup-input,.sup-textarea{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-size:14px;padding:10px 14px;outline:none;transition:border-color .15s;font-family:inherit;width:100%;box-sizing:border-box}.sup-select:focus,.sup-input:focus,.sup-textarea:focus{border-color:var(--accent)}.sup-select{cursor:pointer}.sup-textarea{resize:vertical;min-height:180px;line-height:1.55}.sup-form-err{padding:10px 14px;background:#f6465d1f;border:1px solid rgba(246,70,93,.3);border-radius:6px;color:var(--red);font-size:13px}.sup-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:4px}.sup-cancel-btn{padding:9px 20px;background:none;border:1px solid var(--border-light);border-radius:7px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:border-color .15s,color .15s}.sup-cancel-btn:hover{border-color:var(--border);color:var(--text-primary)}.sup-submit-btn{display:flex;align-items:center;gap:7px;padding:9px 22px;background:var(--accent);color:#fff;border:none;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.sup-submit-btn:hover:not(:disabled){opacity:.88}.sup-submit-btn:disabled{opacity:.5;cursor:not-allowed}.sup-thread{flex:1;display:flex;flex-direction:column;overflow:hidden}.sup-thread-head{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border);background:var(--bg-surface);flex-shrink:0}.sup-thread-back-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:5px;border-radius:5px;display:flex;align-items:center;transition:background .15s,color .15s}.sup-thread-back-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sup-thread-info{flex:1;min-width:0}.sup-thread-num-sub{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.sup-thread-subject-title{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sup-thread-tags{display:flex;align-items:center;gap:6px;flex-shrink:0}.sup-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.sup-thread-loader{flex:1;display:flex;align-items:center;justify-content:center}.sup-msg{display:flex;gap:12px;max-width:680px}.sup-msg--you,.sup-msg--support{align-self:flex-start}.sup-msg-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.sup-msg-avatar--you{background:var(--accent);color:#fff}.sup-msg-avatar--support{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-light)}.sup-msg-bubble{flex:1}.sup-msg-meta{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.sup-msg-name{font-size:13px;font-weight:600;color:var(--text-primary)}.sup-msg-time{font-size:11px;color:var(--text-muted)}.sup-msg-text{font-size:14px;color:var(--text-primary);line-height:1.6;background:var(--bg-surface);border:1px solid var(--border);border-radius:0 10px 10px;padding:12px 16px;white-space:pre-wrap;word-break:break-word}.sup-msg--support .sup-msg-text{border-radius:0 10px 10px;border-color:var(--border-light)}.sup-closed-bar{display:flex;align-items:center;gap:8px;padding:14px 20px;background:var(--bg-elevated);border-top:1px solid var(--border);font-size:13px;color:var(--text-secondary);flex-shrink:0}.sup-reply-area{border-top:1px solid var(--border);padding:14px 20px;background:var(--bg-surface);flex-shrink:0;display:flex;flex-direction:column;gap:10px}.sup-reply-input{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-size:14px;padding:10px 14px;outline:none;resize:none;font-family:inherit;line-height:1.5;transition:border-color .15s}.sup-reply-input:focus{border-color:var(--accent)}.sup-reply-foot{display:flex;align-items:center;justify-content:space-between}.sup-reply-hint{font-size:11px;color:var(--text-muted)}.sup-send-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.sup-send-btn:hover:not(:disabled){opacity:.88}.sup-send-btn:disabled{opacity:.45;cursor:not-allowed}.sup-spinner{width:20px;height:20px;border:2px solid var(--border-light);border-top-color:var(--accent);border-radius:50%;animation:supSpin .7s linear infinite}.sup-btn-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:supSpin .7s linear infinite}@keyframes supSpin{to{transform:rotate(360deg)}}@media(max-width:767px){.sup-page{height:100dvh;overflow:hidden}.sup-layout{flex-direction:row;height:calc(100dvh - 50px);overflow:hidden}.sup-sidebar{width:100%;flex-shrink:0;border-right:none}.sup-layout[data-view=new] .sup-sidebar,.sup-layout[data-view=detail] .sup-sidebar,.sup-layout[data-view=list] .sup-main{display:none}.sup-main{width:100%;min-height:0;overflow:hidden}.sup-thread{height:100%}.sup-thread-head{padding:11px 14px;gap:10px}.sup-thread-subject-title{font-size:13px}.sup-cat-pill{display:none}.sup-messages{padding:12px 14px;gap:14px}.sup-msg{max-width:100%}.sup-msg-text{font-size:13px;padding:10px 12px}.sup-reply-area{padding:10px 12px;gap:8px}.sup-reply-input{font-size:14px;padding:9px 12px}.sup-reply-hint{display:none}.sup-send-btn{width:100%;justify-content:center;padding:10px;border-radius:8px}.sup-form-wrap{padding:16px 14px}.sup-form-head{margin-bottom:20px}.sup-textarea{min-height:130px;rows:5}.sup-form-actions{flex-direction:column-reverse;gap:8px}.sup-submit-btn,.sup-cancel-btn{width:100%;justify-content:center;padding:12px;font-size:14px}.sup-header{height:50px;padding:0 14px;gap:10px}.sup-header-email{display:none}.sup-header-title{font-size:14px}.sup-sidebar-head{padding:12px 14px 10px}.sup-ticket-item{padding:13px 14px}.sup-empty-state{padding:28px 16px 20px}.sup-help-cards{grid-template-columns:1fr 1fr;gap:10px}.sup-help-card{padding:13px}.sup-closed-bar{padding:12px 14px;font-size:12px}}}@keyframes skl-wave{0%{background-position:-600px 0}to{background-position:600px 0}}.skl-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--bg-primary);display:flex;flex-direction:column;opacity:1;transition:opacity .4s ease;pointer-events:all}.skl-overlay.skl-out{opacity:0;pointer-events:none}.skl-bone{--skl-base: var(--bg-elevated);--skl-shine: #243252;background:linear-gradient(90deg,var(--skl-base) 0%,var(--skl-base) 30%,var(--skl-shine) 50%,var(--skl-base) 70%,var(--skl-base) 100%);background-size:1200px 100%;animation:skl-wave 1.8s ease-in-out infinite;border-radius:5px;flex-shrink:0}.bf-app[data-theme=light] .skl-bone{--skl-shine: #C8D6EC}.skl-topbar{height:var(--topbar-h, 56px);background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;gap:12px;flex-shrink:0}.skl-tb-logo{width:112px;height:28px;border-radius:6px;animation-delay:-.1s}.skl-tb-div{width:1px;height:22px;background:var(--border-light);flex-shrink:0}.skl-tb-sym{width:78px;height:15px;animation-delay:-.3s}.skl-tb-price{width:66px;height:15px;animation-delay:-.5s}.skl-tb-badge{width:44px;height:19px;border-radius:4px;animation-delay:-.7s}.skl-tb-space{flex:1}.skl-tb-bal{width:136px;height:38px;border-radius:9px;animation-delay:-.2s}.skl-tb-dep{width:84px;height:34px;border-radius:8px;animation-delay:-.4s}.skl-tb-with{width:82px;height:34px;border-radius:8px;animation-delay:-.6s}.skl-tb-chip{width:106px;height:34px;border-radius:20px;animation-delay:-.9s}.skl-body{display:flex;flex:1;overflow:hidden;min-height:0}.skl-left{width:var(--left-w, 62px);background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:10px 0 0;gap:8px;flex-shrink:0;position:relative}.skl-tool{width:38px;height:38px;border-radius:8px}.skl-tool:nth-child(2){animation-delay:-.3s}.skl-tool:nth-child(3){animation-delay:-.6s}.skl-tool:nth-child(5){animation-delay:-.2s}.skl-tool:nth-child(6){animation-delay:-.5s}.skl-tool:nth-child(7){animation-delay:-.8s}.skl-tool:nth-child(8){animation-delay:-.4s}.skl-tool:nth-child(9){animation-delay:-.7s}.skl-tool:nth-child(10){animation-delay:-1s}.skl-tool:nth-child(11){animation-delay:-.3s}.skl-ls-sep{width:34px;height:1px;background:var(--border);flex-shrink:0;margin:2px 0}.skl-ls-foot{position:absolute;bottom:10px;display:flex;flex-direction:column;align-items:center;gap:8px}.skl-ls-foot .skl-tool{animation-delay:-1.1s}.skl-ls-foot .skl-tool:last-child{animation-delay:-.4s}.skl-chart-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary);min-width:0}.skl-tabbar{height:36px;background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 12px;gap:8px;flex-shrink:0}.skl-tab{width:98px;height:20px;border-radius:4px;animation-delay:-.4s}.skl-tab-2{width:76px;height:20px;border-radius:4px;animation-delay:-.9s}.skl-toolbar{height:40px;background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 12px;gap:8px;flex-shrink:0}.skl-tb-tool{height:26px;border-radius:6px;animation-delay:-.3s}.skl-tb-tool-a{width:52px}.skl-tb-tool-b{width:68px;animation-delay:-.6s}.skl-tb-tool-c{width:46px;animation-delay:-1s}.skl-tb-tool-d{width:60px;animation-delay:-.2s}.skl-tb-tool-e{width:44px;animation-delay:-.8s}.skl-tb-spacer{flex:1}.skl-chart{flex:1;position:relative;overflow:hidden}.skl-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-evenly;pointer-events:none}.skl-hline{width:100%;height:1px;background:var(--border);opacity:.35}.skl-price-axis{position:absolute;right:0;top:0;bottom:0;width:62px;background:var(--bg-surface);border-left:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-evenly;padding:0 8px;gap:0}.skl-price-tick{height:12px;border-radius:3px;background:var(--bg-elevated);animation:skl-wave 1.8s ease-in-out infinite;animation-delay:-.5s}.skl-price-tick:nth-child(2n){width:44px;animation-delay:-1.1s}.skl-price-tick:nth-child(3n){width:38px;animation-delay:-.3s}.skl-price-tick:nth-child(1){width:48px}.skl-price-tick:nth-child(4){width:42px}.skl-price-tick:nth-child(5){width:46px}.skl-price-tick:nth-child(6){width:40px}.skl-time-axis{position:absolute;left:0;right:62px;bottom:0;height:26px;background:var(--bg-surface);border-top:1px solid var(--border);display:flex;align-items:center;padding:0 12px;gap:0;justify-content:space-between}.skl-time-tick{width:36px;height:12px;border-radius:3px;background:var(--bg-elevated);animation:skl-wave 1.8s ease-in-out infinite}.skl-time-tick:nth-child(2n){animation-delay:-.4s;width:30px}.skl-time-tick:nth-child(3n){animation-delay:-.9s;width:38px}.skl-candles{position:absolute;left:12px;right:74px;top:16px;bottom:34px;display:flex;align-items:flex-end;gap:2px}.skl-c{flex:1;min-width:3px;max-width:14px;border-radius:2px 2px 0 0}.skl-c:nth-child(3n){animation-delay:-.5s}.skl-c:nth-child(3n+1){animation-delay:-1.1s}.skl-c:nth-child(3n+2){animation-delay:-1.6s}.skl-c:nth-child(2n){opacity:.8}.skl-c:nth-child(5n){opacity:.55}.skl-right{width:var(--right-w, 288px);background:var(--bg-surface);border-left:1px solid var(--border);display:flex;flex-direction:column;padding:14px 14px 12px;gap:14px;flex-shrink:0;overflow:hidden}.skl-rs-section{display:flex;flex-direction:column;gap:10px}.skl-rs-row{display:flex;align-items:center;justify-content:space-between}.skl-rs-label{width:70px;height:12px;border-radius:3px;animation-delay:-.2s}.skl-rs-seg{width:110px;height:26px;border-radius:6px;animation-delay:-.7s}.skl-rs-expiry{width:100%;height:40px;border-radius:8px;animation-delay:-.4s}.skl-rs-bal{width:88px;height:11px;border-radius:3px;animation-delay:-.6s}.skl-rs-amount{width:100%;height:44px;border-radius:8px;animation-delay:-.3s}.skl-rs-presets{display:flex;gap:6px;flex-wrap:wrap}.skl-rs-preset{width:48px;height:28px;border-radius:6px}.skl-rs-preset:nth-child(2){animation-delay:-.4s}.skl-rs-preset:nth-child(3){animation-delay:-.8s}.skl-rs-preset:nth-child(4){animation-delay:-.3s}.skl-rs-preset:nth-child(5){width:38px;animation-delay:-.6s}.skl-payout-card{display:flex;align-items:center;background:var(--bg-elevated);border-radius:9px;padding:10px 14px;gap:0}.skl-payout-item{flex:1;display:flex;flex-direction:column;gap:6px;align-items:center}.skl-payout-lbl{width:44px;height:11px;border-radius:3px;animation-delay:-.5s}.skl-payout-val{width:52px;height:16px;border-radius:4px;animation-delay:-1s}.skl-payout-sep{width:1px;height:32px;background:var(--border);flex-shrink:0}.skl-trade-btns{display:flex;gap:8px}.skl-up-btn{flex:1;height:56px;border-radius:10px;animation-delay:-.3s}.skl-dn-btn{flex:1;height:56px;border-radius:10px;animation-delay:-.8s}.skl-rs-div{height:1px;background:var(--border)}.skl-rs-th{width:90px;height:13px;border-radius:3px;animation-delay:-.5s}.skl-rs-trade{width:100%;height:56px;border-radius:9px;animation-delay:-.2s}.skl-rs-trade:last-child{animation-delay:-.9s}.skl-mob-nav{display:none}@media(max-width:767px){.skl-left,.skl-right,.skl-tb-dep,.skl-tb-with{display:none}.skl-tb-chip{width:78px}.skl-mob-nav{display:flex;height:60px;background:var(--bg-surface);border-top:1px solid var(--border);align-items:center;justify-content:space-around;flex-shrink:0;padding:0 8px}.skl-mob-icon{width:42px;height:42px;border-radius:10px}.skl-mob-icon:nth-child(2){animation-delay:-.5s}.skl-mob-icon:nth-child(3){animation-delay:-1s}.skl-mob-icon:nth-child(4){animation-delay:-.3s}}
