:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:block;min-width:320px;min-height:100vh;background-color:#1e222d}#root{width:100%;height:100vh;margin:0;padding:0;text-align:left}.order-edit-modal{background:var(--bg-secondary, #1e222d);border-radius:8px;padding:0;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0006;color:var(--text-primary, #d1d4dc)}.order-edit-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color, #2a2e39)}.order-edit-modal .modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary, #d1d4dc)}.order-edit-modal .close-button{background:none;border:none;color:var(--text-secondary, #787b86);font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.order-edit-modal .close-button:hover{background:var(--bg-hover, #2a2e39);color:var(--text-primary, #d1d4dc)}.order-edit-modal .close-button:disabled{opacity:.5;cursor:not-allowed}.order-edit-modal .modal-content{padding:24px}.order-edit-modal .order-info{background:var(--bg-tertiary, #131722);border-radius:6px;padding:16px;margin-bottom:24px}.order-edit-modal .info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.order-edit-modal .info-row:not(:last-child){border-bottom:1px solid var(--border-color, #2a2e39)}.order-edit-modal .info-row .label{color:var(--text-secondary, #787b86);font-size:13px}.order-edit-modal .info-row .value{color:var(--text-primary, #d1d4dc);font-weight:500;font-size:14px}.order-edit-modal .info-row .market-price{color:#2962ff;font-weight:600}.order-edit-modal .info-row .entry-price{color:#ff9800;font-weight:600}.order-edit-modal .type-badge,.order-edit-modal .side-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.order-edit-modal .type-badge.limit{background:#22ab9433;color:#22ab94}.order-edit-modal .type-badge.stop_market,.order-edit-modal .type-badge.stop_loss,.order-edit-modal .type-badge.stop{background:#ff980033;color:#ff9800}.order-edit-modal .type-badge.take_profit_market,.order-edit-modal .type-badge.take_profit,.order-edit-modal .side-badge.buy{background:#22ab9433;color:#22ab94}.order-edit-modal .side-badge.sell{background:#f2364533;color:#f23645}.order-edit-modal .input-section{margin-bottom:20px}.order-edit-modal .input-section label{display:block;margin-bottom:8px;color:var(--text-secondary, #787b86);font-size:13px;font-weight:500}.order-edit-modal .input-wrapper{position:relative}.order-edit-modal .input-wrapper input{width:100%;padding:12px 16px;background:var(--bg-tertiary, #131722);border:1px solid var(--border-color, #2a2e39);border-radius:6px;color:var(--text-primary, #d1d4dc);font-size:16px;font-weight:500;transition:all .2s ease}.order-edit-modal .input-wrapper input:focus{outline:none;border-color:#2962ff;box-shadow:0 0 0 3px #2962ff1a}.order-edit-modal .input-wrapper input:disabled{opacity:.5;cursor:not-allowed}.order-edit-modal .input-wrapper input::placeholder{color:var(--text-tertiary, #434651)}.order-edit-modal .conversion-warning-box{background:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:6px;padding:16px;margin-bottom:16px;display:flex;gap:12px}.order-edit-modal .conversion-warning-box .warning-icon{font-size:24px;flex-shrink:0}.order-edit-modal .conversion-warning-box .warning-content{flex:1}.order-edit-modal .conversion-warning-box strong{color:#ff9800;display:block;margin-bottom:8px;font-size:14px}.order-edit-modal .conversion-warning-box p{margin:0 0 12px;color:var(--text-secondary, #787b86);font-size:13px;line-height:1.5}.order-edit-modal .conversion-info{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-tertiary, #131722);border-radius:4px;font-size:12px;font-weight:600}.order-edit-modal .conversion-info .old-type{color:#787b86;text-decoration:line-through}.order-edit-modal .conversion-info .arrow{color:#ff9800}.order-edit-modal .conversion-info .new-type{color:#22ab94}.order-edit-modal .warning-message{background:#ff98001a;border-left:3px solid #ff9800;padding:12px 16px;margin-bottom:16px;border-radius:4px;color:#ff9800;font-size:13px;line-height:1.5}.order-edit-modal .danger-warning{background:#f2364526;border-left:3px solid #f23645;color:#f23645;font-weight:600;font-size:14px;animation:pulse-danger 2s ease-in-out infinite}@keyframes pulse-danger{0%,to{background:#f2364526}50%{background:#f2364540}}.order-edit-modal .error-message{background:#f236451a;border-left:3px solid #f23645;padding:12px 16px;margin-bottom:16px;border-radius:4px;color:#f23645;font-size:13px;line-height:1.5}.order-edit-modal .modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color, #2a2e39)}.order-edit-modal .modal-footer button{flex:1;padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.order-edit-modal .btn-cancel{background:var(--bg-tertiary, #131722);color:var(--text-secondary, #787b86);border:1px solid var(--border-color, #2a2e39)}.order-edit-modal .btn-cancel:hover:not(:disabled){background:var(--bg-hover, #2a2e39);color:var(--text-primary, #d1d4dc)}.order-edit-modal .btn-confirm{background:#2962ff;color:#fff}.order-edit-modal .btn-confirm:hover:not(:disabled){background:#1e53e5;box-shadow:0 4px 12px #2962ff4d}.order-edit-modal .btn-confirm:disabled,.order-edit-modal .btn-cancel:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){.order-edit-modal{width:95%;max-width:none}.order-edit-modal .modal-header,.order-edit-modal .modal-content,.order-edit-modal .modal-footer{padding:16px}.order-edit-modal .modal-footer{flex-direction:column}.order-edit-modal .modal-footer button{width:100%}}.cancel-order-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.cancel-order-modal{background-color:#1e222d;border-radius:8px;width:90%;max-width:500px;box-shadow:0 8px 32px #0006;animation:slideUp .3s ease-out;border:1px solid #2a2e39}.cancel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #2a2e39}.cancel-header h3{margin:0;font-size:20px;font-weight:600;color:#d1d4dc}.cancel-body{padding:16px 20px}.order-details-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.status-badge{background-color:#ff98001a;border:1px solid rgba(255,152,0,.3);padding:4px 12px;border-radius:4px;color:#ff9800;font-weight:600;font-size:13px}.warning-message{padding:10px 12px;background-color:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:4px;font-size:13px;color:#ff9800;text-align:center;font-weight:500;margin-bottom:8px}.info-message{padding:10px 12px;background-color:#2196f31a;border:1px solid rgba(33,150,243,.3);border-radius:4px;font-size:13px;color:#2196f3;text-align:center;font-weight:500}.cancel-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #2a2e39}.btn-back,.btn-cancel-order{flex:1;padding:12px 24px;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-back{background-color:#2a2e39;color:#d1d4dc}.btn-back:hover{background-color:#363a45}.btn-cancel-order{background-color:#ef5350;color:#fff}.btn-cancel-order:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #ef53504d}.btn-cancel-order:active{transform:translateY(0)}@media(max-width:600px){.cancel-order-modal{width:95%;max-width:none}.cancel-header,.cancel-body,.cancel-footer{padding:16px}.order-symbol{font-size:22px}.order-side{font-size:18px}.detail-label,.detail-value{font-size:14px}}.btn-cancel-order:disabled,.btn-back:disabled{opacity:.6;cursor:not-allowed}.btn-cancel-order:disabled:hover,.btn-back:disabled:hover{transform:none;box-shadow:none}.chart-container{position:relative}.order-drag-hint{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#2962fff2;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;box-shadow:0 4px 12px #0000004d;z-index:10000;animation:slideUp .3s ease-out;pointer-events:none}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.order-drag-hint.fade-out{animation:fadeOut .3s ease-out forwards}.order-cancel-buttons-container{position:absolute;inset:0;pointer-events:none;z-index:100}.order-cancel-button{position:absolute;pointer-events:auto;background:#f44;color:#fff;border:2px solid #FF0000;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700;cursor:pointer;box-shadow:0 2px 6px #0000004d;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.order-cancel-button:hover{background:red;transform:scale(1.05);box-shadow:0 3px 8px #0006}.order-cancel-button:active{transform:scale(.95)}.order-confirmation-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.order-confirmation-modal{background-color:#1e222d;border-radius:8px;width:90%;max-width:500px;box-shadow:0 8px 32px #0006;animation:slideUp .3s ease-out;border:1px solid #2a2e39}.confirmation-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #2a2e39}.confirmation-header h3{margin:0;font-size:20px;font-weight:600;color:#d1d4dc}.close-btn{background:none;border:none;color:#787b86;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn:hover{background-color:#2a2e39;color:#d1d4dc}.confirmation-body{padding:16px 20px}.order-main-info{text-align:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #2a2e39}.order-symbol{font-size:24px;font-weight:700;color:#d1d4dc;margin-bottom:6px}.order-side{font-size:20px;font-weight:700;margin-bottom:0;display:flex;align-items:center;justify-content:center;gap:8px}.order-type-badge{display:inline-block;background-color:#2a2e39;color:#787b86;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600}.order-details-grid{display:flex;flex-direction:column;gap:8px}.detail-row.highlight{background-color:#2962ff1a;border:1px solid rgba(41,98,255,.3)}.leverage-badge{background-color:#ff98001a;border:1px solid rgba(255,152,0,.3);padding:4px 12px;border-radius:4px;color:#ff9800;font-weight:700}.reduce-only-badge{background-color:#2196f31a;border:1px solid rgba(33,150,243,.3);padding:4px 12px;border-radius:4px;color:#2196f3;font-weight:600}.order-warnings-compact{margin-top:12px;display:flex;flex-direction:column;gap:6px}.warning-compact{padding:8px 12px;background-color:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:4px;font-size:13px;color:#ff9800;text-align:center}.warning-compact.danger{background-color:#ef53501a;border-color:#ef53504d;color:#ef5350}.confirmation-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #2a2e39}.btn-cancel,.btn-confirm{flex:1;padding:12px 24px;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-confirm{background-color:#2962ff;color:#fff}.btn-confirm:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #2962ff4d}.btn-confirm:active{transform:translateY(0)}@media(max-width:600px){.order-confirmation-modal{width:95%;max-width:none}.confirmation-header,.confirmation-body,.confirmation-footer{padding:16px}.order-symbol{font-size:20px}.order-side{font-size:18px}.detail-row{padding:10px}.detail-label,.detail-value{font-size:12px}}.connection-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.connection-modal{background:linear-gradient(135deg,#1e222d,#2a2e39);border-radius:16px;padding:40px;max-width:500px;width:90%;box-shadow:0 20px 60px #00000080;border:1px solid #363a45;animation:slideUp .3s ease-out;position:relative}.connection-modal-icon{display:flex;justify-content:center;margin-bottom:24px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.connection-modal-title{font-size:28px;font-weight:600;color:#fff;text-align:center;margin:0 0 16px}.connection-modal-message{font-size:16px;color:#b0b3c1;text-align:center;margin:0 0 32px;line-height:1.5}.connection-modal-steps{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.connection-step{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#26a69a0d;border-radius:12px;border-left:3px solid #26a69a;transition:all .2s ease}.connection-step:hover{background:#26a69a1a;transform:translate(4px)}.step-number{flex-shrink:0;width:32px;height:32px;background:#26a69a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff}.step-text{display:flex;flex-direction:column;gap:4px;flex:1}.step-text strong{font-size:16px;color:#fff;font-weight:600}.step-text span{font-size:14px;color:#8a8d9a}.connection-modal-info{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#4a9eff1a;border-radius:8px;border:1px solid rgba(74,158,255,.2);margin-bottom:32px}.connection-modal-info svg{flex-shrink:0}.connection-modal-info span{font-size:13px;color:#a0aec0;line-height:1.5}.connection-modal-buttons{display:flex;gap:12px;justify-content:flex-end}.connection-modal-buttons button{padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;outline:none}.btn-secondary{background:transparent;color:#8a8d9a;border:1px solid #363a45}.btn-secondary:hover{background:#ffffff0d;color:#fff;border-color:#4a4e59}.btn-primary{background:linear-gradient(135deg,#26a69a,#1e8a7f);color:#fff;box-shadow:0 4px 12px #26a69a4d}.btn-primary:hover{background:linear-gradient(135deg,#2ebfb3,#26a69a);box-shadow:0 6px 16px #26a69a66;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}@media(max-width:600px){.connection-modal{padding:32px 24px;max-width:95%}.connection-modal-title{font-size:24px}.connection-modal-message{font-size:15px}.connection-modal-buttons{flex-direction:column-reverse}.connection-modal-buttons button{width:100%}}.symbol-info-modal{background:#1a1e2e;border-radius:14px;max-width:420px;width:92%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 0 1px #ffffff0f,0 20px 60px #0009}.sim-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 20px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.sim-header-left{display:flex;flex-direction:column;gap:8px}.sim-symbol{margin:0;font-size:22px;font-weight:700;color:#fff;letter-spacing:-.5px}.sim-badges{display:flex;gap:6px;flex-wrap:wrap}.sim-badge{padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.sim-badge-exchange{background:#6366f126;color:#818cf8}.sim-badge-type.futures{background:#fb923c26;color:#fb923c}.sim-badge-type.spot{background:#34d39926;color:#34d399}.sim-badge-leverage{background:#fbbf2426;color:#fbbf24}.sim-close{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:8px;margin:-8px -8px 0 0;border-radius:8px;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.sim-close:hover{background:#ffffff14;color:#fff}.sim-hero{padding:16px 20px;background:linear-gradient(180deg,rgba(99,102,241,.06) 0%,transparent 100%)}.sim-price-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sim-price-left{display:flex;align-items:baseline;gap:12px}.sim-price-value{font-size:28px;font-weight:700;color:#fff;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.sim-price-change{font-size:14px;font-weight:600;padding:3px 8px;border-radius:6px}.sim-price-change.positive{background:#34d39926;color:#34d399}.sim-price-change.negative{background:#f8717126;color:#f87171}.sim-volume-compact{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.sim-volume-label{font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.sim-volume-value{font-size:14px;font-weight:600;color:#9ca3af;font-variant-numeric:tabular-nums}.sim-range{margin-bottom:0}.sim-range-bar{position:relative;height:4px;background:#ffffff14;border-radius:2px;overflow:visible;margin-bottom:6px}.sim-range-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#f87171,#fbbf24,#34d399);border-radius:2px;transition:width .3s ease}.sim-range-marker{position:absolute;top:50%;width:10px;height:10px;background:#fff;border:2px solid #1a1e2e;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0000004d;transition:left .3s ease}.sim-range-labels{display:flex;justify-content:space-between;align-items:center}.sim-range-label{font-size:10px;color:#4b5563;text-transform:uppercase;letter-spacing:.3px}.sim-range-value{font-size:12px;font-weight:500;color:#6b7280;font-variant-numeric:tabular-nums}.sim-specs{padding:12px 20px 16px;flex:1;overflow-y:auto}.sim-section-title{margin:0 0 10px;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.sim-specs-table{display:flex;flex-direction:column;gap:1px;background:#ffffff05;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.sim-spec-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:8px 12px;background:#ffffff05;transition:background .15s ease}.sim-spec-row:hover{background:#ffffff0d}.sim-spec-row.sim-spec-featured{background:#fb923c14;border-left:3px solid #fb923c}.sim-spec-label{font-size:12px;color:#9ca3af}.sim-spec-value{font-size:13px;font-weight:600;color:#fff;font-variant-numeric:tabular-nums;text-align:right}.sim-spec-value.sim-spec-highlight{color:#818cf8}.sim-spec-value.sim-spec-contract{color:#fb923c}.sim-spec-hint{font-size:10px;color:#4b5563;text-align:right;min-width:70px}.sim-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid rgba(255,255,255,.06);background:#0003}.sim-footer-info{display:flex;align-items:center;gap:12px}.sim-asset-pair{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600}.sim-asset-base{color:#fff}.sim-asset-separator{color:#4b5563}.sim-asset-quote{color:#6b7280}.sim-status{padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.sim-status.trading{background:#34d39926;color:#34d399}.sim-status.break,.sim-status.halt{background:#f8717126;color:#f87171}.sim-btn-close{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#ffffff0f;color:#9ca3af;border:1px solid rgba(255,255,255,.08);border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.sim-btn-close:hover{background:#ffffff1a;color:#fff;border-color:#ffffff26}.sim-btn-close kbd{padding:2px 5px;background:#0000004d;border-radius:3px;font-size:10px;font-family:inherit;color:#6b7280}.sim-specs::-webkit-scrollbar{width:6px}.sim-specs::-webkit-scrollbar-track{background:transparent}.sim-specs::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.sim-specs::-webkit-scrollbar-thumb:hover{background:#fff3}@media(max-width:520px){.symbol-info-modal{width:100%;max-width:none;border-radius:16px 16px 0 0;max-height:90vh}.sim-header{padding:14px 16px 10px}.sim-symbol{font-size:20px}.sim-hero{padding:14px 16px}.sim-price-row{flex-wrap:wrap;gap:8px}.sim-price-value{font-size:24px}.sim-volume-compact{flex-direction:row;gap:6px;align-items:center}.sim-specs{padding:10px 16px 14px}.sim-spec-row{grid-template-columns:1fr auto;gap:6px;padding:7px 10px}.sim-spec-hint{display:none}.sim-footer{padding:10px 16px;flex-direction:column;gap:10px}.sim-btn-close{width:100%;justify-content:center}}.formatted-symbol{display:inline-flex;align-items:baseline;gap:1px}.formatted-symbol .base-currency{font-weight:600;font-size:1em}.formatted-symbol .quote-currency{font-weight:400;font-size:.85em;opacity:.8}.symbol-cell.clickable .formatted-symbol,.clickable .formatted-symbol,.symbol-cell.clickable .formatted-symbol .base-currency,.symbol-cell.clickable .formatted-symbol .quote-currency,.clickable .formatted-symbol .base-currency,.clickable .formatted-symbol .quote-currency,.positions-table .symbol-cell.clickable .formatted-symbol,.open-orders-table .symbol-cell.clickable .formatted-symbol,.trade-history-table .symbol-cell.clickable .formatted-symbol,.order-history-table .symbol-cell.clickable .formatted-symbol,.positions-table .symbol-cell.clickable .formatted-symbol *,.open-orders-table .symbol-cell.clickable .formatted-symbol *,.trade-history-table .symbol-cell.clickable .formatted-symbol *,.order-history-table .symbol-cell.clickable .formatted-symbol *{cursor:pointer!important}.toast-container{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{background:#2d3748;border:1px solid #4a5568;border-radius:8px;padding:12px 16px;min-width:300px;max-width:400px;color:#fff;font-size:14px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 12px #0006;transform:translate(100%);animation:slideIn .3s ease-out forwards;pointer-events:auto;cursor:pointer}.toast:hover{transform:translate(0) scale(1.02);transition:transform .2s ease}.toast-success{border-left:4px solid #48bb78}.toast-error{border-left:4px solid #f56565}.toast-info{border-left:4px solid #4299e1}.toast-warning{border-left:4px solid #ed8936}.toast-loading{border-left:4px solid #4299e1;cursor:default}.toast-content{display:flex;align-items:center;gap:8px;flex:1}.toast-icon{font-weight:700;font-size:16px}.toast-success .toast-icon{color:#48bb78}.toast-error .toast-icon{color:#f56565}.toast-info .toast-icon{color:#4299e1}.toast-warning .toast-icon{color:#ed8936}.toast-loading .toast-icon{color:#4299e1}.toast-loading .loading-spinner{display:inline-block;animation:spin 1s linear infinite}.toast-message{flex:1;line-height:1.4}.toast-close{font-size:18px;font-weight:700;color:#a0aec0;cursor:pointer;padding:0 4px;border-radius:4px;transition:all .2s ease}.toast-close:hover{color:#fff;background:#ffffff1a}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast.removing{animation:slideOut .3s ease-in forwards}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.adfree-modal-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:adfree-fadeIn .2s ease-out}@keyframes adfree-fadeIn{0%{opacity:0}to{opacity:1}}.adfree-modal{background:#1a1e2e;border-radius:14px;max-width:440px;width:92%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 0 1px #ffffff0f,0 20px 60px #0009;animation:adfree-slideUp .3s ease-out}@keyframes adfree-slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.adfree-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.adfree-modal-header h2{margin:0;font-size:18px;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}.adfree-close-btn{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:8px;margin:-8px -8px 0 0;border-radius:8px;transition:all .15s ease;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;width:36px;height:36px}.adfree-close-btn:hover{background:#ffffff14;color:#fff}.adfree-modal-body{padding:20px;overflow-y:auto;flex:1}.adfree-step{animation:adfree-stepFade .2s ease-out}@keyframes adfree-stepFade{0%{opacity:0}to{opacity:1}}.adfree-features{margin-bottom:16px}.adfree-features h3{margin:0 0 12px;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.adfree-features ul{list-style:none;padding:0;margin:0;background:#ffffff05;border-radius:10px;border:1px solid rgba(255,255,255,.06);overflow:hidden}.adfree-features li{padding:10px 14px;color:#9ca3af;font-size:13px;line-height:1.4;border-bottom:1px solid rgba(255,255,255,.04)}.adfree-features li:last-child{border-bottom:none}.adfree-price{text-align:center;padding:20px;background:#6366f114;border-radius:10px;margin-bottom:16px;border:1px solid rgba(99,102,241,.2)}.price-amount{font-size:36px;font-weight:700;color:#818cf8;line-height:1;margin-bottom:4px}.price-period{font-size:13px;color:#6b7280;font-weight:500}.adfree-btn-primary{width:100%;padding:12px 20px;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease;margin-bottom:10px;background:#818cf8;color:#fff}.adfree-btn-primary:hover:not(:disabled){background:#6366f1;transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.adfree-btn-primary:active:not(:disabled){transform:translateY(0)}.adfree-btn-primary:disabled{opacity:.5;cursor:not-allowed}.adfree-btn-secondary{width:100%;padding:10px 20px;font-size:13px;font-weight:500;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#9ca3af;border-radius:8px;cursor:pointer;transition:all .15s ease;margin-bottom:8px}.adfree-btn-secondary:hover{background:#ffffff14;color:#fff;border-color:#ffffff26}.adfree-divider{display:flex;align-items:center;text-align:center;margin:16px 0;color:#4b5563;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.adfree-divider:before,.adfree-divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.06)}.adfree-divider span{padding:0 12px}.adfree-btn-activate{width:100%;padding:12px 20px;font-size:14px;font-weight:600;border:1px solid rgba(52,211,153,.4);background:#34d3991a;color:#34d399;border-radius:8px;cursor:pointer;transition:all .15s ease;margin-bottom:10px}.adfree-btn-activate:hover{background:#34d39926;border-color:#34d39999}.adfree-btn-retrieve{width:100%;padding:12px 20px;font-size:14px;font-weight:600;border:1px solid rgba(251,191,36,.4);background:#fbbf241a;color:#fbbf24;border-radius:8px;cursor:pointer;transition:all .15s ease;margin-bottom:10px}.adfree-btn-retrieve:hover{background:#fbbf2426;border-color:#fbbf2499}.adfree-note{padding:10px 14px;background:#6366f114;border:1px solid rgba(99,102,241,.15);border-radius:8px;color:#9ca3af;font-size:12px;text-align:center;line-height:1.5;margin-top:12px}.adfree-error{padding:10px 14px;background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:8px;color:#f87171;font-size:13px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.adfree-payment-code-section{margin-bottom:20px}.adfree-payment-code-section h3{margin:0 0 12px;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.payment-code-display{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#6366f114;border:1px solid rgba(99,102,241,.25);border-radius:8px;margin-bottom:8px}.payment-code-display code{flex:1;font-size:18px;font-weight:700;color:#818cf8;font-family:Roboto Mono,Courier New,monospace;letter-spacing:1px}.copy-btn{background:#6366f133;border:none;color:#818cf8;font-size:16px;cursor:pointer;padding:6px 12px;border-radius:6px;transition:all .15s ease}.copy-btn:hover{background:#6366f14d}.payment-code-note{color:#6b7280;font-size:12px;margin:0;line-height:1.4}.adfree-payment-instructions{margin-bottom:16px}.adfree-payment-instructions h4{margin:0 0 10px;font-size:13px;font-weight:600;color:#d1d4dc}.adfree-payment-instructions ol{margin:0;padding-left:18px;color:#9ca3af}.adfree-payment-instructions li{padding:4px 0;font-size:12px;line-height:1.5}.adfree-payment-instructions strong{color:#818cf8;font-family:Roboto Mono,monospace}.adfree-activation-section h3{margin:0 0 10px;font-size:15px;font-weight:600;color:#fff}.adfree-activation-section p{color:#9ca3af;font-size:13px;margin:0 0 12px;line-height:1.4}.activation-code-input-group{margin-bottom:12px}.activation-code-input,.payment-code-input{width:100%;padding:12px 14px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:13px;font-family:Roboto Mono,monospace;resize:vertical;transition:all .15s ease;box-sizing:border-box}.activation-code-input:focus,.payment-code-input:focus{outline:none;border-color:#818cf8;background:#6366f10d}.activation-code-input::placeholder,.payment-code-input::placeholder{color:#4b5563;font-family:inherit}.adfree-success{text-align:center;padding:10px 0}.success-icon{font-size:48px;margin-bottom:12px}.adfree-success h3{margin:0 0 10px;font-size:18px;font-weight:600;color:#34d399}.adfree-success p{color:#9ca3af;font-size:13px;margin:0 0 16px;line-height:1.5}.adfree-success strong{color:#818cf8;font-weight:600}.days-remaining{font-size:28px;font-weight:700;color:#34d399;margin:16px 0;padding:14px;background:#34d3991a;border-radius:10px;border:1px solid rgba(52,211,153,.2)}.success-note{color:#6b7280;font-size:12px;font-style:italic}.adfree-active-license{text-align:center;padding:10px 0}.license-status-icon{font-size:48px;margin-bottom:12px}.adfree-active-license h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#818cf8}.license-info{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:14px;margin-bottom:16px}.license-info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04)}.license-info-row:last-child{border-bottom:none}.license-info-row .label{color:#6b7280;font-size:13px}.license-info-row .value{color:#fff;font-size:14px;font-weight:600}.license-info-row .value.days{color:#34d399;font-size:16px}.license-reminder{padding:10px 14px;background:#6366f114;border:1px solid rgba(99,102,241,.15);border-radius:8px;color:#9ca3af;font-size:12px;text-align:center;margin-bottom:16px;line-height:1.4}.adfree-modal-body::-webkit-scrollbar{width:6px}.adfree-modal-body::-webkit-scrollbar-track{background:transparent}.adfree-modal-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.adfree-modal-body::-webkit-scrollbar-thumb:hover{background:#fff3}@media(max-width:520px){.adfree-modal{width:100%;max-width:none;border-radius:16px 16px 0 0;max-height:90vh}.adfree-modal-header{padding:14px 16px}.adfree-modal-header h2{font-size:16px}.adfree-modal-body{padding:16px}.price-amount{font-size:32px}.payment-code-display code{font-size:14px}.days-remaining{font-size:24px}}.session-info{position:relative;display:flex;align-items:center}.session-info-header-buttons{display:flex;align-items:center;gap:8px}.adfree-header-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#4285f433,#34a85333);border:1px solid rgba(66,133,244,.4);border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #4285f433}.adfree-header-btn:hover{background:linear-gradient(135deg,#4285f44d,#34a8534d);border-color:#4285f499;transform:translateY(-1px);box-shadow:0 4px 12px #4285f44d}.adfree-header-btn.active{background:linear-gradient(135deg,#34a8534d,#4285f44d);border-color:#34a85380}.adfree-header-btn.active:hover{background:linear-gradient(135deg,#34a85366,#4285f466);border-color:#34a853b3}.adfree-icon{font-size:14px;line-height:1}.adfree-label{font-size:11px;letter-spacing:.3px}.adfree-days{background:#34a8534d;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;color:#34a853}.session-info-trigger{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-size:12px;cursor:pointer;transition:all .2s ease}.session-info-trigger:hover{background:#ffffff26;border-color:#ffffff4d}.session-indicator{color:#00d4aa;font-size:8px;animation:pulse 2s infinite}.session-id{font-family:Courier New,monospace;font-size:11px}.session-info-dropdown{position:absolute;top:100%;right:0;margin-top:8px;width:350px;background:#2d3748;border:1px solid #4a5568;border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:1000;color:#fff}.session-info-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #4a5568;background:#1a202c;border-radius:8px 8px 0 0}.session-info-header h4{margin:0;font-size:14px;font-weight:600}.close-btn{background:none;border:none;color:#a0aec0;font-size:18px;font-weight:700;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.close-btn:hover{background:#ffffff1a;color:#fff}.session-details{padding:12px 16px;border-bottom:1px solid #4a5568}.session-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px}.session-item:last-child{margin-bottom:0}.session-item label{color:#a0aec0;font-weight:500}.session-value{font-family:Courier New,monospace;color:#e2e8f0;font-size:11px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-actions{padding:12px 16px;display:flex;flex-wrap:wrap;gap:8px}.btn{padding:6px 12px;border:none;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1;min-width:70px}.btn-primary{background:#4299e1;color:#fff}.btn-primary:hover{background:#3182ce}.btn-secondary{background:#718096;color:#fff}.btn-secondary:hover{background:#4a5568}.btn-warning{background:#ed8936;color:#fff}.btn-warning:hover{background:#dd6b20}.btn-default{background:#4a5568;color:#fff}.btn-default:hover{background:#2d3748}.btn:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}.modal{background:#2d3748;border:1px solid #4a5568;border-radius:8px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;color:#fff}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #4a5568;background:#1a202c}.modal-header h3{margin:0;font-size:16px;font-weight:600}.modal-content{padding:20px;max-height:60vh;overflow-y:auto}.modal-content p{margin:0 0 16px;color:#a0aec0;font-size:14px}.export-textarea,.import-textarea{width:100%;background:#1a202c;border:1px solid #4a5568;border-radius:4px;color:#e2e8f0;font-family:Courier New,monospace;font-size:11px;padding:12px;resize:vertical;margin-bottom:16px}.export-textarea:focus,.import-textarea:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 2px #4299e133}.import-options{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:14px;color:#a0aec0}.import-status{padding:8px 12px;border-radius:4px;font-size:12px;margin-bottom:16px}.import-status.success{background:#48bb7833;border:1px solid #48bb78;color:#9ae6b4}.import-status.error{background:#f5656533;border:1px solid #f56565;color:#feb2b2}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-actions .btn{flex:none;min-width:100px}.modal-danger{border:2px solid #f56565;box-shadow:0 8px 32px #f5656566;max-height:none;height:auto}.modal-danger .modal-content{max-height:none;overflow-y:visible}.modal-header-danger{background:linear-gradient(135deg,#f5656533,#dc262633);border-bottom-color:#f56565}.warning-message{display:flex;gap:16px;padding:20px;background:#f565651a;border:1px solid #f56565;border-radius:8px;margin-bottom:24px}.warning-icon{font-size:40px;line-height:1}.warning-text p{margin:0 0 10px;color:#e2e8f0;font-size:16px}.warning-title{font-size:20px;font-weight:600;color:#f56565!important}.reset-details{margin-bottom:24px;padding:20px;background:#ffffff05;border-radius:8px}.reset-details p{margin:0 0 16px;color:#e2e8f0;font-size:16px;font-weight:600}.reset-details ul{margin:0;padding-left:24px;color:#cbd5e0}.reset-details li{padding:8px 0;font-size:15px;line-height:1.6}.reset-note{padding:16px 20px;background:#4299e11a;border-left:3px solid #4299e1;border-radius:4px;margin-bottom:24px;font-size:15px;color:#cbd5e0}.reset-note strong{color:#4299e1;font-size:16px}.btn-danger{background:linear-gradient(135deg,#f56565,#dc2626);color:#fff!important;font-weight:600;font-size:15px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 12px #f5656566}.btn-danger:active{transform:translateY(0);color:#fff!important}.websocket-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.websocket-modal{background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border:1px solid rgba(255,255,255,.1);border-radius:12px;width:90%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:#0003}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:#fff;letter-spacing:.5px}.close-btn{background:transparent;border:none;color:#aaa;font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.close-btn:hover{color:#fff;transform:rotate(90deg)}.modal-content{padding:24px;overflow-y:auto;flex:1}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#ffffff0d}.modal-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.stats-section{margin-bottom:24px}.stats-section h3{font-size:14px;text-transform:uppercase;color:#888;font-weight:600;letter-spacing:1px;margin:0 0 16px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px}.status-row{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.status-indicator-large{width:16px;height:16px;border-radius:50%;flex-shrink:0;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 12px currentColor}.status-info{flex:1}.status-text-large{font-size:16px;font-weight:600;color:#fff;margin-bottom:8px}.error-reason{padding:12px;background:#ef53501a;border-left:3px solid #ef5350;border-radius:4px;margin-top:12px;font-size:13px;color:#ffcdd2;line-height:1.6}.error-reason-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.error-icon{font-size:16px;flex-shrink:0}.error-reason-details{margin-left:24px;font-size:12px;opacity:.9}.error-reason-details>div{margin:3px 0}.error-reason-details>div:empty{margin:8px 0}.info-box{padding:16px;border-radius:8px;margin-top:12px;border-left:4px solid}.info-box strong{display:block;margin-bottom:8px;font-size:14px}.info-box p{margin:4px 0;font-size:13px;line-height:1.5}.info-box.success{background:#26a69a1a;border-color:#26a69a;color:#b2dfdb}.info-box.warning{background:#ff98001a;border-color:#ff9800;color:#ffe0b2}.info-box.error{background:#ef53501a;border-color:#ef5350;color:#ffcdd2}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.stat-item{display:flex;flex-direction:column;gap:6px;padding:12px;background:#ffffff08;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.stat-label{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-value{font-size:15px;color:#fff;font-weight:500;font-variant-numeric:tabular-nums}.endpoints-list{display:flex;flex-direction:column;gap:12px}.endpoint-item{background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05);overflow:hidden;transition:all .2s ease}.endpoint-item:hover{background:#ffffff0d;border-color:#ffffff1a}.endpoint-item.status-error{border-left:3px solid #ef5350}.endpoint-item.status-connected{border-left:3px solid #26a69a}.endpoint-item.status-connecting{border-left:3px solid #ff9800}.endpoint-header{display:flex;align-items:center;gap:12px;padding:12px;background:#0003;border-bottom:1px solid rgba(255,255,255,.05)}.endpoint-status-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0;animation:pulse 2s ease-in-out infinite}.endpoint-info{flex:1}.endpoint-type{font-size:13px;font-weight:600;color:#fff;margin-bottom:2px}.endpoint-symbol{font-size:11px;color:#888}.endpoint-status-text{font-size:11px;text-transform:uppercase;font-weight:600;letter-spacing:.5px;color:#aaa;padding:4px 8px;background:#ffffff0d;border-radius:4px}.endpoint-details{padding:12px;display:flex;flex-direction:column;gap:8px}.endpoint-stat{display:flex;justify-content:space-between;font-size:12px}.endpoint-stat span:first-child{color:#888}.endpoint-stat span:last-child{color:#fff;font-weight:500;font-variant-numeric:tabular-nums}.endpoint-error{display:flex;align-items:flex-start;gap:6px;padding:8px;background:#ef53501a;border-radius:4px;font-size:11px;color:#ffcdd2;margin-top:4px}.endpoint-error .error-icon{font-size:14px}.error-list{max-height:300px;overflow-y:auto;background:#0006;border-radius:6px;padding:8px 12px;font-family:Courier New,monospace;line-height:1.4}.error-list::-webkit-scrollbar{width:6px}.error-list::-webkit-scrollbar-track{background:#ffffff0d}.error-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.error-item{display:flex;align-items:flex-start;gap:8px;padding:2px 0;margin-bottom:0;font-size:11.5px;line-height:1.6;border:none!important;background:transparent!important;border-radius:0!important}.error-item.error{color:#ef5350!important}.error-item.warning{color:#ff9800!important}.error-item.info{color:#64b5f6!important}.error-item.success{color:#66bb6a!important}.error-timestamp{flex-shrink:0;color:#666;font-variant-numeric:tabular-nums;min-width:65px;font-size:10.5px}.error-message{flex:1;color:inherit}.modal-actions{display:flex;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.action-btn{flex:1;padding:12px 20px;border-radius:6px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.action-btn.reconnect{background:linear-gradient(135deg,#26a69a,#00897b);color:#fff}.action-btn.reconnect:hover:not(:disabled){background:linear-gradient(135deg,#2bbbad,#00796b);transform:translateY(-1px);box-shadow:0 4px 12px #26a69a4d}.action-btn.reconnect:disabled{opacity:.5;cursor:not-allowed}.action-btn.clear{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.action-btn.clear:hover{background:#ffffff26;border-color:#ffffff4d}@media(max-width:600px){.websocket-modal{width:95%;max-height:90vh}.modal-header,.modal-content{padding:16px}.stats-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}}.network-status-indicator{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;transition:all .3s ease}.network-status-indicator.online{background-color:#34a85326;color:#34a853;border:1px solid rgba(52,168,83,.3)}.network-status-indicator.offline{background-color:#ea433526;color:#ea4335;border:1px solid rgba(234,67,53,.3)}.network-status-icon{display:flex;align-items:center;justify-content:center}.network-status-indicator.online .network-status-icon{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.network-status-text{white-space:nowrap}@media(max-width:768px){.network-status-indicator{padding:4px 8px;font-size:12px}.network-status-icon svg{width:14px;height:14px}}.offline-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-in-out}.offline-overlay .offline-content{background:var(--bg-secondary, #1a1a1a);border:2px solid var(--border-color, #333);border-radius:16px;padding:48px;max-width:500px;width:auto;min-width:400px;text-align:center;box-shadow:0 8px 32px #00000080}.offline-overlay .offline-icon{margin-bottom:24px;color:#ea4335}.offline-overlay .offline-icon svg{filter:drop-shadow(0 4px 8px rgba(234,67,53,.3))}.spinner-large{width:80px;height:80px;border:3px solid rgba(52,168,83,.2);border-top-color:#34a853;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.offline-overlay .offline-message{margin-bottom:32px}.offline-overlay .offline-message h2{font-size:28px;font-weight:600;margin:0 0 12px;color:var(--text-primary, #ffffff)}.offline-overlay .offline-message p{font-size:16px;color:var(--text-secondary, #999);margin:8px 0}.offline-overlay .attempt-info{color:#fbbc04!important;font-weight:500;margin-top:12px!important}.offline-overlay .duration-info{color:#ea4335!important;font-weight:500}.offline-overlay .offline-status{margin:24px auto;padding:16px;background:#0000004d;border-radius:8px;max-width:400px;width:100%}.offline-overlay .status-indicator{display:flex;align-items:center;justify-content:center;gap:12px;width:100%}.offline-overlay .status-dot{width:12px;height:12px;border-radius:50%;background:#ea4335;animation:pulse 2s ease-in-out infinite}.offline-overlay:has(.spinner-large) .offline-overlay .status-dot{background:#34a853}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.offline-overlay .status-text{font-size:14px;font-weight:500;color:var(--text-secondary, #999)}.offline-overlay .offline-info{border-top:1px solid var(--border-color, #333);padding-top:24px;max-width:400px;margin:0 auto}.offline-overlay .offline-info p{font-size:14px;color:var(--text-secondary, #999);margin:8px 0;text-align:left;padding-left:8px}.offline-overlay .warning-text{color:#fbbc04!important;font-weight:600;margin-top:16px!important;text-align:center!important}@media(max-width:768px){.offline-content{padding:32px 24px;max-width:90%}.offline-icon svg,.spinner-large{width:60px;height:60px}.offline-message h2{font-size:24px}.offline-message p{font-size:14px}}.connector-selector{position:relative;display:inline-block}.connector-selector-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#2a2e39;border:1px solid #434651;border-radius:6px;color:#d1d4dc;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;min-width:200px;height:40px}.connector-selector-button:hover{background-color:#363a45;border-color:#565a69}.no-connector-text{flex:1;text-align:left;color:#787b86}.connector-name{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exchange-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}.dropdown-arrow{font-size:10px;color:#787b86;transition:transform .2s}.exchange-logo{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:-.2px;box-shadow:inset 0 0 0 1px #ffffff14}.status-indicator{font-size:14px;line-height:1;font-weight:700}.status-connected{color:#22ab94;text-shadow:0 0 8px rgba(34,171,148,.6)}.status-connecting{animation:blink-green-yellow 1s ease-in-out infinite}.status-error{color:#f23645;text-shadow:0 0 8px rgba(242,54,69,.6)}.status-disconnected{color:#787b86;opacity:.6}@keyframes blink-green-yellow{0%,to{color:#22ab94;text-shadow:0 0 8px rgba(34,171,148,.8)}50%{color:#ffa726;text-shadow:0 0 8px rgba(255,167,38,.8)}}.badge{display:inline-block;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:500;text-transform:uppercase;line-height:1}.badge-market{background-color:#2962ff;color:#fff}.badge-exchange{background-color:#434651;color:#d1d4dc}.badge-permission{background-color:#22ab94;color:#fff}.connector-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:450px;background-color:#1e222d;border:1px solid #434651;border-radius:6px;box-shadow:0 8px 24px #0006;z-index:1000;animation:dropdownSlideDown .2s ease-out}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #2a2e39}.dropdown-title{font-size:13px;font-weight:600;color:#d1d4dc}.dropdown-count{font-size:12px;color:#787b86;background-color:#2a2e39;padding:2px 8px;border-radius:10px}.dropdown-filters{padding:10px 12px;border-bottom:1px solid #2a2e39;display:flex;flex-direction:column;gap:8px}.filter-input-wrapper{position:relative;display:flex;align-items:center}.filter-search-icon{position:absolute;left:10px;color:#787b86;pointer-events:none}.filter-input{width:100%;padding:8px 32px;background-color:#2a2e39;border:1px solid #434651;border-radius:4px;color:#d1d4dc;font-size:13px;outline:none;transition:all .15s ease}.filter-input:focus{border-color:#818cf8;background-color:#1e222d}.filter-input::placeholder{color:#565a69}.filter-clear-btn{position:absolute;right:6px;background:none;border:none;color:#787b86;font-size:16px;cursor:pointer;padding:4px 6px;line-height:1;border-radius:3px;transition:all .15s ease}.filter-clear-btn:hover{color:#d1d4dc;background-color:#ffffff1a}.filter-exchanges{display:flex;gap:6px;flex-wrap:wrap}.filter-exchange-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;background-color:#2a2e39;border:1px solid #434651;border-radius:4px;color:#9ca3af;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease;text-transform:uppercase}.filter-exchange-btn:hover{background-color:#363a45;border-color:#565a69;color:#d1d4dc}.filter-exchange-btn.active{background-color:#818cf826;border-color:#818cf866;color:#818cf8}.filter-exchange-btn .exchange-icon{font-size:12px}.dropdown-list{max-height:400px;overflow-y:auto}.dropdown-empty{padding:40px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.empty-text{font-size:14px;font-weight:500;color:#d1d4dc;margin-bottom:4px}.empty-subtext{font-size:12px;color:#787b86}.dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;transition:all .2s;border-bottom:1px solid #2a2e39}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:#2a2e39}.dropdown-item.active{background-color:#22ab9426;border-left:3px solid #22ab94;box-shadow:inset 0 0 0 1px #22ab9433}.item-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.item-info{display:flex;flex-direction:column;gap:4px;flex:0 1 auto;min-width:0}.item-name{font-size:14px;font-weight:500;color:#d1d4dc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-details{display:flex;gap:6px;flex-wrap:nowrap;align-items:center}.item-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.dropdown-item:hover .item-actions{opacity:1}.action-button{padding:4px 8px;background-color:transparent;border:1px solid #434651;border-radius:3px;color:#787b86;font-size:14px;cursor:pointer;transition:all .2s}.action-button:hover{background-color:#2a2e39;color:#d1d4dc}.action-button.edit:hover{border-color:#2962ff;color:#2962ff}.action-button.delete:hover{border-color:#f23645;color:#f23645}.action-button.reconnect{font-size:16px;font-weight:700}.action-button.reconnect:hover{border-color:#22ab94;color:#22ab94;transform:rotate(180deg)}.dropdown-footer{display:flex;flex-direction:column;gap:8px;padding:12px;border-top:1px solid #2a2e39}.footer-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background-color:transparent;border:1px solid #434651;border-radius:4px;color:#d1d4dc;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.footer-button:hover{background-color:#2a2e39;border-color:#2962ff;color:#2962ff}.button-icon{font-size:16px;font-weight:700}.dropdown-list::-webkit-scrollbar{width:8px}.dropdown-list::-webkit-scrollbar-track{background-color:#1e222d}.dropdown-list::-webkit-scrollbar-thumb{background-color:#434651;border-radius:4px}.dropdown-list::-webkit-scrollbar-thumb:hover{background-color:#565a69}@media(max-width:768px){.connector-dropdown{min-width:300px;max-width:calc(100vw - 32px)}.connector-selector-button{min-width:160px}}.connector-modal-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.connector-modal{background-color:#1e222d;border-radius:8px;box-shadow:0 10px 40px #00000080;max-width:600px;width:90%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.connector-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #2a2e39}.connector-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#d1d4dc}.close-button{background:none;border:none;font-size:28px;color:#787b86;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-button:hover{background-color:#2a2e39;color:#d1d4dc}.connector-modal-body{padding:24px;overflow-y:auto;flex:1}.form-group{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group label{display:block;margin-bottom:8px;font-size:13px;font-weight:500;color:#d1d4dc}.form-group input,.form-group select{width:100%;padding:10px 12px;background-color:#2a2e39;border:1px solid #434651;border-radius:4px;color:#d1d4dc;font-size:14px;font-family:inherit;transition:all .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2962ff;background-color:#1e222d}.form-group input:disabled,.form-group select:disabled{opacity:.5;cursor:not-allowed}.form-group select{cursor:pointer}.error-text{display:block;margin-top:6px;font-size:12px;color:#f23645}.error-message{padding:12px;background-color:#f236451a;border:1px solid rgba(242,54,69,.3);border-radius:4px;color:#f23645;font-size:13px;margin-bottom:20px}.error-message.general{margin-bottom:20px}.test-connection-section{margin:24px 0;padding:20px;background-color:#2a2e39;border-radius:6px}.test-button{width:100%;padding:12px;background-color:#2962ff;border:none;border-radius:4px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.test-button:hover:not(:disabled){background-color:#1e53e5}.test-button:disabled{opacity:.6;cursor:not-allowed}.test-result{margin-top:16px;padding:16px;border-radius:4px;display:flex;gap:12px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.test-result.success{background-color:#22ab941a;border:1px solid rgba(34,171,148,.3)}.test-result.error{background-color:#f236451a;border:1px solid rgba(242,54,69,.3)}.test-result-icon{font-size:24px;font-weight:700;line-height:1}.test-result.success .test-result-icon{color:#22ab94}.test-result.error .test-result-icon{color:#f23645}.test-result-content{flex:1}.test-result-message{font-size:14px;margin-bottom:8px}.test-result.success .test-result-message{color:#22ab94}.test-result.error .test-result-message{color:#f23645}.test-result-permissions{font-size:12px;color:#787b86;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.test-result-permissions .badge{display:inline-block;padding:3px 8px;background-color:#2962ff;color:#fff;border-radius:3px;font-size:11px;font-weight:500;text-transform:uppercase}.info-message{padding:12px;background-color:#2962ff1a;border:1px solid rgba(41,98,255,.3);border-radius:4px;color:#787b86;font-size:12px;line-height:1.5}.connection-mode-section{margin-bottom:24px;padding:20px;background-color:#2a2e39;border-radius:8px}.connection-mode-label{display:block;margin-bottom:16px;font-size:14px;font-weight:600;color:#d1d4dc;text-transform:uppercase;letter-spacing:.5px}.connection-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.mode-option{position:relative}.mode-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.mode-card{display:flex;align-items:center;gap:12px;padding:16px;background-color:#1e222d;border:2px solid #434651;border-radius:8px;cursor:pointer;transition:all .3s ease;height:100%;position:relative}.mode-card:hover{border-color:#2962ff;background-color:#2962ff0d;transform:translateY(-2px);box-shadow:0 4px 12px #2962ff1a}.mode-option input[type=radio]:checked+.mode-card{border-color:#2962ff;background-color:#2962ff1a;box-shadow:0 0 0 3px #2962ff1a}.mode-option input[type=radio]:checked+.mode-card:before{content:"✓";position:absolute;top:8px;right:8px;width:20px;height:20px;background-color:#2962ff;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.mode-icon{font-size:28px;line-height:1;flex-shrink:0}.mode-info{flex:1;min-width:0}.mode-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#d1d4dc;margin-bottom:4px}.mode-description{font-size:12px;color:#787b86;line-height:1.4}.mode-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.mode-badge.recommended{background-color:#22ab9433;color:#22ab94;border:1px solid rgba(34,171,148,.3)}.mode-badge.advanced{background-color:#ff980033;color:#ff9800;border:1px solid rgba(255,152,0,.3)}.connection-mode-details{margin-top:16px;animation:fadeIn .3s ease-in-out}.mode-details-content{padding:16px;border-radius:6px;border-left:4px solid}.mode-details-content.proxy{background-color:#22ab9414;border-left-color:#22ab94}.mode-details-content.direct{background-color:#ff980014;border-left-color:#ff9800}.details-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;color:#d1d4dc}.details-icon{font-size:18px}.details-list{list-style:none;padding:0;margin:0 0 12px}.details-list li{padding:6px 0;font-size:13px;color:#b2b5be;line-height:1.5}.details-list li strong{color:#d1d4dc;font-weight:600}.details-note{padding:12px;background-color:#2962ff14;border-radius:4px;font-size:12px;color:#b2b5be;line-height:1.5}.details-note strong{color:#d1d4dc}.details-note a{color:#2962ff;text-decoration:none;font-weight:500}.details-note a:hover{text-decoration:underline}.ip-to-whitelist{margin:16px 0;padding:16px;background-color:#2962ff26;border:2px dashed rgba(41,98,255,.4);border-radius:6px}.ip-label{font-size:12px;font-weight:600;color:#d1d4dc;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.ip-value{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ip-value.loading{color:#787b86;font-size:13px}.loading-spinner{display:inline-block;animation:spin 1s linear infinite}.ip-address{font-family:Monaco,Menlo,Consolas,monospace;font-size:16px;font-weight:700;color:#2962ff;background-color:#2962ff1a;padding:8px 16px;border-radius:6px;border:1px solid rgba(41,98,255,.3);-webkit-user-select:all;user-select:all;letter-spacing:.5px}.copy-ip-button{padding:8px 16px;background-color:#2962ff;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.copy-ip-button:hover{background-color:#1e53e5;transform:translateY(-1px);box-shadow:0 4px 8px #2962ff4d}.copy-ip-button:active{transform:translateY(0);box-shadow:0 2px 4px #2962ff33}.copy-ip-button.copied{background-color:#22ab94;animation:successPulse .5s ease-out}.copy-ip-button.copied:hover{background-color:#22ab94}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.connector-modal-footer{padding:16px 24px;border-top:1px solid #2a2e39;display:flex;justify-content:flex-end;gap:12px}.connector-modal-footer button{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.save-button{background-color:#22ab94;color:#fff}.save-button:hover:not(:disabled){background-color:#1e9682}.connector-modal-footer button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.connector-modal{width:95%;max-height:95vh}.form-row{grid-template-columns:1fr}.connector-modal-header{padding:16px 20px}.connector-modal-body{padding:20px}.connector-modal-footer{padding:12px 20px}.connection-mode-switch{grid-template-columns:1fr}.mode-icon{font-size:24px}.mode-title{flex-direction:column;align-items:flex-start;gap:4px}}.export-import-modal-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.export-import-modal{background-color:#1e222d;border-radius:8px;box-shadow:0 10px 40px #00000080;max-width:540px;width:90%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.export-import-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #2a2e39}.export-import-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#d1d4dc}.export-import-tabs{display:flex;border-bottom:1px solid #2a2e39;background-color:#1e222d}.tab-button{flex:1;padding:14px 20px;background-color:transparent;border:none;border-bottom:2px solid transparent;color:#787b86;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.tab-button:hover{color:#d1d4dc;background-color:#2a2e39}.tab-button.active{color:#2962ff;border-bottom-color:#2962ff}.export-import-modal-body{padding:24px;overflow-y:auto;flex:1}.tab-content{display:flex;flex-direction:column;gap:20px}.tab-description{margin:0;font-size:14px;color:#787b86;line-height:1.5}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:500;color:#d1d4dc}.form-group label .required{color:#f23645}.form-group input[type=text],.form-group input[type=password]{width:100%;padding:10px 12px;background-color:#2a2e39;border:1px solid #434651;border-radius:4px;color:#d1d4dc;font-size:14px;font-family:inherit;transition:all .2s}.form-group input[type=text]:focus,.form-group input[type=password]:focus{outline:none;border-color:#2962ff;background-color:#1e222d}.form-group input.error{border-color:#f23645}.form-group input[type=file]{padding:8px;background-color:#2a2e39;border:1px solid #434651;border-radius:4px;color:#d1d4dc;font-size:13px;cursor:pointer}.form-group input[type=file]::-webkit-file-upload-button{padding:6px 12px;background-color:#434651;border:none;border-radius:3px;color:#d1d4dc;font-size:12px;font-weight:500;cursor:pointer;margin-right:10px}.form-group input[type=file]::-webkit-file-upload-button:hover{background-color:#565a69}.error-text{font-size:12px;color:#f23645}.file-info{display:flex;align-items:center;gap:8px;padding:10px 12px;background-color:#2a2e39;border-radius:4px;font-size:13px}.file-icon{font-size:20px}.file-name{flex:1;color:#d1d4dc;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{color:#787b86;font-size:12px}.password-strength{display:flex;align-items:center;gap:12px;margin-top:4px}.strength-bar-container{flex:1;height:4px;background-color:#2a2e39;border-radius:2px;overflow:hidden}.strength-bar{height:100%;transition:all .3s ease;border-radius:2px}.strength-bar.strength-weak{background-color:#f23645}.strength-bar.strength-medium{background-color:#ff9800}.strength-bar.strength-strong{background-color:#22ab94}.strength-text{font-size:12px;font-weight:500;text-transform:capitalize}.strength-text:before{content:"Strength: ";color:#787b86;font-weight:400}.error-message,.success-message,.info-message{padding:12px;border-radius:4px;font-size:13px;line-height:1.5}.error-message{background-color:#f236451a;border:1px solid rgba(242,54,69,.3);color:#f23645}.success-message{background-color:#22ab941a;border:1px solid rgba(34,171,148,.3);color:#22ab94}.info-message{background-color:#2962ff1a;border:1px solid rgba(41,98,255,.3);color:#787b86}.info-message strong{color:#d1d4dc}.modal-footer{padding:16px 24px;border-top:1px solid #2a2e39;display:flex;justify-content:flex-end;gap:12px}.modal-footer button{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-button{background-color:transparent;color:#787b86;border:1px solid #434651}.cancel-button:hover:not(:disabled){background-color:#2a2e39;color:#d1d4dc}.action-button{background-color:#2962ff;color:#fff}.action-button:hover:not(:disabled){background-color:#1e53e5}.modal-footer button:disabled{opacity:.6;cursor:not-allowed}.export-import-modal-body::-webkit-scrollbar{width:8px}.export-import-modal-body::-webkit-scrollbar-track{background-color:#1e222d}.export-import-modal-body::-webkit-scrollbar-thumb{background-color:#434651;border-radius:4px}.export-import-modal-body::-webkit-scrollbar-thumb:hover{background-color:#565a69}@media(max-width:768px){.export-import-modal{width:95%;max-height:95vh}.export-import-modal-header{padding:16px 20px}.export-import-modal-body{padding:20px}.modal-footer{padding:12px 20px}.tab-button{padding:12px 16px;font-size:13px}}.balances-table-container{display:flex;flex-direction:column;height:100%;background-color:#1e222d}.table-header{padding:16px 20px;border-bottom:1px solid var(--border-1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.total-value{font-size:18px;font-weight:700;color:#22ab94}.search-box{position:relative}.search-input{padding:8px 12px;background-color:#1b1f2a;border:1px solid var(--border-2);border-radius:4px;color:#d1d4dc;font-size:13px;width:200px;transition:all .2s}.search-input:focus{outline:none;border-color:#2962ff;background-color:#1e222d}.search-input::placeholder{color:#787b86}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{cursor:pointer}.table-wrapper{flex:1;overflow-y:auto}.balances-table{width:100%;border-collapse:collapse;font-size:13px}.balances-table thead{position:sticky;top:0;background-color:#1b1f2a;z-index:10}.balances-table th{padding:12px 16px;text-align:left;font-weight:600;color:#aab1c1;text-transform:uppercase;font-size:11px;letter-spacing:.5px;border-bottom:1px solid var(--border-1)}.balances-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.balances-table th.sortable:hover{color:#e6e8ef;background-color:#242a36}.balances-table th.number-header{text-align:right}.balances-table tbody tr{border-bottom:1px solid var(--border-1);transition:all .2s}.balances-table tbody tr:hover{background-color:#242a36}.balances-table td{padding:14px 16px;color:#e6e8ef}.currency-cell{display:flex;align-items:center;gap:8px;font-weight:600}.currency-icon{font-size:8px;color:#2962ff}.number-cell{font-family:Roboto Mono,monospace;text-align:right;color:#e6e8ef}.total-cell{font-weight:600;color:#e6e8ef}.usd-cell{font-weight:700;color:#22ab94}.locked-badge{background-color:#f7b84b1f;border:1px solid rgba(247,184,75,.35);padding:2px 6px;border-radius:3px;color:#f7b84b;font-size:11px;font-weight:600}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-text{font-size:16px;font-weight:600;color:#d1d4dc;margin-bottom:8px}.table-wrapper::-webkit-scrollbar{width:8px}.table-wrapper::-webkit-scrollbar-track{background-color:#1e222d}.table-wrapper::-webkit-scrollbar-thumb{background-color:#434651;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background-color:#565a69}@media(max-width:768px){.table-header{flex-direction:column;align-items:flex-start}.table-controls,.search-input{width:100%}.balances-table{font-size:12px}.balances-table th,.balances-table td{padding:10px 12px}}.close-position-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.close-position-modal{background-color:#1e222d;border-radius:8px;width:90%;max-width:500px;box-shadow:0 8px 32px #0006;animation:slideUp .3s ease-out;border:1px solid #2a2e39}.close-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #2a2e39}.close-header h3{margin:0;font-size:20px;font-weight:600;color:#d1d4dc}.close-body{padding:16px 20px}.position-main-info{text-align:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #2a2e39}.position-symbol{font-size:24px;font-weight:700;color:#d1d4dc;margin-bottom:6px}.position-side{font-size:20px;font-weight:700;margin-bottom:0;display:flex;align-items:center;justify-content:center;gap:8px}.leverage-badge-small{display:inline-block;background-color:#ff98001a;border:1px solid rgba(255,152,0,.3);padding:2px 8px;border-radius:8px;font-size:13px;color:#ff9800;font-weight:600}.position-details-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#2a2e39;border-radius:4px;gap:12px;flex-wrap:wrap}.detail-row.profit-bg{background-color:#26a69a1a;border:1px solid rgba(38,166,154,.3)}.detail-row.loss-bg{background-color:#ef53501a;border:1px solid rgba(239,83,80,.3)}.detail-label{font-size:14px;color:#787b86;font-weight:500}.detail-value{font-size:16px;color:#d1d4dc;font-weight:600;font-family:Roboto Mono,monospace}.detail-value.profit{color:#26a69a}.detail-value.loss{color:#ef5350}.close-percentage-section{margin-bottom:16px;padding:16px;background-color:#2a2e39;border-radius:6px}.percentage-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:15px;color:#d1d4dc;font-weight:600}.percentage-value{font-size:18px;color:#2962ff;font-weight:700}.close-percentage-slider{width:100%;height:8px;border-radius:4px;outline:none;-webkit-appearance:none;margin-bottom:12px;cursor:pointer}.close-percentage-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 8px #0000004d}.close-percentage-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 8px #0000004d;border:none}.close-percentage-section .percentage-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.close-percentage-section .percentage-buttons button{padding:8px;background-color:#363a45;color:#d1d4dc;border:1px solid #2a2e39;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.close-percentage-section .percentage-buttons button:hover{background-color:#464a55;border-color:#2962ff}.close-percentage-section .percentage-buttons button.active{background-color:#2962ff;border-color:#2962ff;color:#fff}.close-summary{background-color:#2a2e39;border-radius:6px;padding:12px;margin-bottom:12px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.summary-row.remaining{padding-top:10px;border-top:1px solid #363a45}.summary-label{font-size:14px;color:#787b86;font-weight:500}.summary-value{font-size:16px;color:#d1d4dc;font-weight:600;font-family:Roboto Mono,monospace}.summary-value.profit{color:#26a69a}.summary-value.loss{color:#ef5350}.warning-message{padding:10px 12px;background-color:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:4px;font-size:13px;color:#ff9800;text-align:center;font-weight:500}.close-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #2a2e39}.btn-cancel,.btn-close-position{flex:1;padding:12px 24px;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel{background-color:#2a2e39;color:#d1d4dc}.btn-cancel:hover{background-color:#363a45}.btn-close-position{background-color:#ef5350;color:#fff}.btn-close-position:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #ef53504d}.btn-close-position:active{transform:translateY(0)}@media(max-width:600px){.close-position-modal{width:95%;max-width:none}.close-header,.close-body,.close-footer{padding:16px}.position-symbol{font-size:22px}.position-side{font-size:18px}}.btn-close-position:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.btn-close-position:disabled:hover,.btn-cancel:disabled:hover{transform:none;box-shadow:none}.tpsl-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.tpsl-modal{background-color:#1e222d;border-radius:8px;width:90%;max-width:550px;box-shadow:0 8px 32px #0006;animation:slideUp .3s ease-out;border:1px solid #2a2e39}.tpsl-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #2a2e39}.tpsl-header h3{margin:0;font-size:20px;font-weight:600;color:#d1d4dc}.tpsl-header .close-btn{background:none;border:none;color:#787b86;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.tpsl-header .close-btn:hover{background-color:#2a2e39;color:#d1d4dc}.tpsl-body{padding:20px}.position-info-compact{background-color:#2a2e39;border-radius:6px;padding:12px 16px;margin-bottom:20px}.position-info-compact .info-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.position-info-compact .info-row:first-child{justify-content:space-between;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #363a45}.position-info-compact .info-symbol{font-size:18px;font-weight:700;color:#d1d4dc}.position-info-compact .info-side{font-size:16px;font-weight:700}.position-info-compact .info-label{font-size:13px;color:#787b86;font-weight:500}.position-info-compact .info-value{font-size:13px;color:#d1d4dc;font-weight:600;font-family:Roboto Mono,monospace}.tpsl-input-group{margin-bottom:20px}.tpsl-input-group .input-header,.tpsl-input-group .input-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.tpsl-input-group label{display:block;font-size:14px;color:#d1d4dc;font-weight:600}.tpsl-input-group .clear-btn{padding:4px 10px;background-color:#ef535026;border:1px solid rgba(239,83,80,.3);border-radius:4px;color:#ef5350;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.tpsl-input-group .clear-btn:hover{background-color:#ef535040;border-color:#ef5350}.tpsl-input-group .suggest-btn{padding:4px 10px;background-color:#2962ff26;border:1px solid rgba(41,98,255,.3);border-radius:4px;color:#2962ff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.tpsl-input-group .suggest-btn:hover{background-color:#2962ff40;border-color:#2962ff}.tpsl-input{width:100%;padding:10px 12px;background-color:#2a2e39;border:1px solid #434651;border-radius:4px;color:#d1d4dc;font-size:16px;font-family:Roboto Mono,monospace;font-weight:500;transition:all .2s}.tpsl-input:focus{outline:none;border-color:#2962ff;background-color:#363a45}.tpsl-input.error{border-color:#ef5350;background-color:#ef53500d}.tpsl-input::placeholder{color:#787b86;font-weight:400}.input-error{margin-top:6px;font-size:13px;color:#ef5350;font-weight:500}.pnl-preview{margin-top:6px;font-size:13px;font-weight:600;font-family:Roboto Mono,monospace}.pnl-preview.profit{color:#26a69a}.pnl-preview.loss{color:#ef5350}.percentage-buttons-tpsl{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:8px}.percentage-buttons-tpsl .percent-btn{padding:6px 4px;background-color:#2a2e39;color:#787b86;border:1px solid #434651;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.percentage-buttons-tpsl .percent-btn:hover{background-color:#363a45;border-color:#2962ff;color:#2962ff;transform:translateY(-1px)}.percentage-buttons-tpsl .percent-btn:active{transform:translateY(0)}.tpsl-info{display:flex;gap:12px;padding:12px;background-color:#2962ff1a;border:1px solid rgba(41,98,255,.2);border-radius:6px;margin-top:16px}.tpsl-info .info-icon{font-size:18px;line-height:1}.tpsl-info .info-text{flex:1;font-size:13px;color:#d1d4dc;line-height:1.5}.tpsl-info .hint{margin-top:4px;font-size:12px;color:#2962ff;font-weight:600}.tpsl-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #2a2e39}.tpsl-footer .btn-cancel,.tpsl-footer .btn-confirm{flex:1;padding:12px 24px;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.tpsl-footer .btn-cancel{background-color:#2a2e39;color:#d1d4dc}.tpsl-footer .btn-cancel:hover{background-color:#363a45}.tpsl-footer .btn-confirm{background-color:#2962ff;color:#fff}.tpsl-footer .btn-confirm:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #2962ff4d}.tpsl-footer .btn-confirm:active{transform:translateY(0)}@media(max-width:600px){.tpsl-modal{width:95%;max-width:none}.tpsl-header,.tpsl-body,.tpsl-footer{padding:16px}.position-info-compact .info-symbol{font-size:16px}.position-info-compact .info-side{font-size:14px}}.btn-confirm:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.btn-confirm:disabled:hover,.btn-cancel:disabled:hover{transform:none;box-shadow:none}.leverage-edit-modal{background:var(--panel-bg, #1a1d29);border-radius:8px;padding:0;width:500px;max-width:95vw;box-shadow:0 8px 32px #0006;color:var(--text-primary, #e0e0e0)}.leverage-edit-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color, #2a2d3a)}.leverage-edit-modal .modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary, #e0e0e0)}.leverage-edit-modal .close-button{background:transparent;border:none;font-size:28px;color:var(--text-secondary, #8a8d98);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.leverage-edit-modal .close-button:hover{background:var(--hover-bg, #2a2d3a);color:var(--text-primary, #e0e0e0)}.leverage-edit-modal .close-button:disabled{opacity:.5;cursor:not-allowed}.leverage-edit-modal .modal-content{padding:24px}.leverage-edit-modal .position-info{background:var(--secondary-bg, #141722);border-radius:6px;padding:16px;margin-bottom:24px}.leverage-edit-modal .info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.leverage-edit-modal .info-row:last-child{margin-bottom:0}.leverage-edit-modal .info-row .label{color:var(--text-secondary, #8a8d98);font-size:14px}.leverage-edit-modal .info-row .value{color:var(--text-primary, #e0e0e0);font-weight:500}.leverage-edit-modal .info-row .side-badge{padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600}.leverage-edit-modal .info-row .side-badge.long{background:#22c55e33;color:#22c55e}.leverage-edit-modal .info-row .side-badge.short{background:#ef444433;color:#ef4444}.leverage-edit-modal .leverage-input-section{margin-bottom:20px}.leverage-edit-modal .leverage-input-section label{display:block;margin-bottom:12px;color:var(--text-secondary, #8a8d98);font-size:14px;font-weight:500}.leverage-edit-modal .loading-text{color:var(--primary-color, #3b82f6);font-size:12px;font-style:italic}.leverage-edit-modal .max-leverage-info{color:var(--text-secondary, #8a8d98);font-size:12px;font-weight:400}.leverage-edit-modal .leverage-input-wrapper{display:flex;align-items:center;margin-bottom:16px}.leverage-edit-modal .leverage-input-wrapper input{flex:1;background:var(--secondary-bg, #141722);border:1px solid var(--border-color, #2a2d3a);border-radius:6px;padding:12px 16px;font-size:16px;color:var(--text-primary, #e0e0e0);outline:none;transition:border-color .2s}.leverage-edit-modal .leverage-input-wrapper input:focus{border-color:var(--primary-color, #3b82f6)}.leverage-edit-modal .leverage-input-wrapper input:disabled{opacity:.5;cursor:not-allowed}.leverage-edit-modal .leverage-suffix{margin-left:12px;font-size:16px;color:var(--text-secondary, #8a8d98);font-weight:500}.leverage-edit-modal .leverage-slider{margin-bottom:16px}.leverage-edit-modal .leverage-slider input[type=range]{width:100%;height:6px;background:var(--secondary-bg, #141722);border-radius:3px;outline:none;-webkit-appearance:none}.leverage-edit-modal .leverage-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--primary-color, #3b82f6);border-radius:50%;cursor:pointer;transition:all .2s}.leverage-edit-modal .leverage-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.leverage-edit-modal .leverage-slider input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--primary-color, #3b82f6);border:none;border-radius:50%;cursor:pointer;transition:all .2s}.leverage-edit-modal .leverage-slider input[type=range]::-moz-range-thumb:hover{transform:scale(1.2)}.leverage-edit-modal .leverage-slider input[type=range]:disabled{opacity:.5;cursor:not-allowed}.leverage-edit-modal .slider-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--text-secondary, #8a8d98)}.leverage-edit-modal .quick-leverage-buttons{display:flex;flex-wrap:wrap;gap:8px}.leverage-edit-modal .quick-btn{flex:0 0 calc(20% - 6.4px);padding:8px 12px;background:var(--secondary-bg, #141722);border:1px solid var(--border-color, #2a2d3a);border-radius:4px;color:var(--text-primary, #e0e0e0);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.leverage-edit-modal .quick-btn:hover{background:var(--hover-bg, #2a2d3a);border-color:var(--primary-color, #3b82f6)}.leverage-edit-modal .quick-btn.active{background:var(--primary-color, #3b82f6);border-color:var(--primary-color, #3b82f6);color:#fff}.leverage-edit-modal .quick-btn:disabled{opacity:.5;cursor:not-allowed}.leverage-edit-modal .error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;padding:12px;margin-bottom:16px;color:#ef4444;font-size:14px}.leverage-edit-modal .warning-box{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:6px;padding:12px;color:var(--text-secondary, #8a8d98);font-size:13px;line-height:1.5}.leverage-edit-modal .warning-box strong{color:#f59e0b}.leverage-edit-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color, #2a2d3a)}.leverage-edit-modal .btn-cancel,.leverage-edit-modal .btn-confirm{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.leverage-edit-modal .btn-cancel{background:var(--secondary-bg, #141722);color:var(--text-primary, #e0e0e0);border:1px solid var(--border-color, #2a2d3a)}.leverage-edit-modal .btn-cancel:hover{background:var(--hover-bg, #2a2d3a)}.leverage-edit-modal .btn-cancel:disabled{opacity:.5;cursor:not-allowed}.leverage-edit-modal .btn-confirm{background:var(--primary-color, #3b82f6);color:#fff}.leverage-edit-modal .btn-confirm:hover:not(:disabled){background:#2563eb}.leverage-edit-modal .btn-confirm:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.leverage-edit-modal{width:100%;max-height:90vh;overflow-y:auto}.leverage-edit-modal .quick-btn{flex:0 0 calc(25% - 6px)}}.positions-table-container{display:flex;flex-direction:column;height:100%;background-color:#1e222d}.total-pnl{font-size:18px;font-weight:700}.total-pnl.profit{color:#22ab94}.total-pnl.loss{color:#f23645}.filter-buttons{display:flex;gap:8px}.filter-btn{padding:6px 16px;background-color:#2a2e39;border:1px solid #434651;border-radius:4px;color:#787b86;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.filter-btn:hover{background-color:#363a45;color:#d1d4dc}.filter-btn.active{background-color:#2962ff;border-color:#2962ff;color:#fff}.filter-btn.long.active{background-color:#22ab94;border-color:#22ab94}.filter-btn.short.active{background-color:#f23645;border-color:#f23645}.positions-table{width:100%;border-collapse:collapse;font-size:13px}.positions-table thead{position:sticky;top:0;background-color:#2a2e39;z-index:10}.positions-table th{padding:12px 16px;text-align:left;font-weight:600;color:#787b86;text-transform:uppercase;font-size:11px;letter-spacing:.5px;border-bottom:1px solid #434651}.positions-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.positions-table th.sortable:hover{color:#d1d4dc;background-color:#363a45}.positions-table th.number-header{text-align:right}.positions-table tbody tr{border-bottom:1px solid #2a2e39;transition:all .2s}.positions-table tbody tr:hover{background-color:#2a2e39}.positions-table td{padding:14px 16px;color:#d1d4dc}.side-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.side-badge.long{background-color:#22ab9426;color:#22ab94;border:1px solid rgba(34,171,148,.3)}.side-badge.short{background-color:#f2364526;color:#f23645;border:1px solid rgba(242,54,69,.3)}.positions-table th:nth-child(8),.positions-table td:nth-child(8){text-align:center}.number-cell{font-family:Roboto Mono,monospace;text-align:right}.liq-price{color:#ff9800;font-weight:600}.leverage-cell{font-weight:700;color:#2962ff}.leverage-wrapper{display:flex;align-items:center;justify-content:flex-end;gap:8px}.edit-leverage-btn{padding:4px 8px;background-color:transparent;border:1px solid transparent;border-radius:4px;color:#787b86;font-size:14px;cursor:pointer;transition:all .2s;opacity:0}.positions-table tbody tr:hover .edit-leverage-btn{opacity:1}.edit-leverage-btn:hover{background-color:#2962ff26;border-color:#2962ff4d;color:#2962ff}.pnl-cell{font-weight:700;font-size:14px}.pnl-cell.profit{color:#22ab94}.pnl-cell.loss{color:#f23645}.close-btn{padding:6px 12px;background-color:transparent;border:1px solid #434651;border-radius:4px;color:#787b86;font-size:14px;cursor:pointer;transition:all .2s}.close-btn:hover{background-color:#f2364526;border-color:#f23645;color:#f23645}@media(max-width:1200px){.positions-table{font-size:12px}.positions-table th,.positions-table td{padding:10px 12px}.filter-btn{padding:5px 12px;font-size:12px}}@media(max-width:768px){.table-header{flex-direction:column;align-items:flex-start}.table-controls{width:100%}}.close-position-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.close-position-dialog{background-color:#1e222d;border:1px solid #434651;border-radius:8px;width:90%;max-width:420px;box-shadow:0 8px 32px #0006}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #2a2e39}.dialog-header h4{margin:0;font-size:16px;font-weight:600;color:#d1d4dc}.close-dialog-btn{background:none;border:none;color:#787b86;font-size:24px;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-dialog-btn:hover{background-color:#2a2e39;color:#d1d4dc}.dialog-content{padding:20px}.position-info{display:flex;align-items:center;gap:12px;margin-bottom:20px}.position-size{color:#787b86;font-size:13px}.close-percentage-group{margin-bottom:20px}.close-percentage-group label{display:block;margin-bottom:12px;color:#d1d4dc;font-size:13px;font-weight:500}.close-percentage-slider{width:100%;height:4px;border-radius:2px;outline:none;-webkit-appearance:none;margin-bottom:12px;cursor:pointer}.close-percentage-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #f23645;cursor:grab;box-shadow:0 2px 6px #0000004d;transition:all .15s ease}.close-percentage-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 10px #f2364580}.close-percentage-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.05)}.close-percentage-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #f23645;cursor:grab;box-shadow:0 2px 6px #0000004d;transition:all .15s ease}.close-percentage-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 3px 10px #f2364580}.close-percentage-slider::-moz-range-thumb:active{cursor:grabbing;transform:scale(1.05)}.close-percentage-slider::-moz-range-track{background:#2a2e39;border-radius:2px;height:4px}.close-percentage-group .percentage-buttons{display:flex;gap:8px;justify-content:space-between}.close-percentage-group .percentage-buttons button{flex:1;padding:8px 12px;background-color:#2a2e39;border:1px solid #434651;border-radius:4px;color:#787b86;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.close-percentage-group .percentage-buttons button:hover{background-color:#363a45;border-color:#f23645;color:#f23645;transform:translateY(-1px)}.close-percentage-group .percentage-buttons button:active{transform:translateY(0)}.close-info{background-color:#2a2e39;border-radius:6px;padding:12px;margin-bottom:20px}.close-info p{margin:0;color:#d1d4dc;font-size:13px;line-height:1.6}.close-info p+p{margin-top:8px}.partial-warning{color:#ff9800;font-size:12px;display:flex;align-items:center;gap:6px}.dialog-buttons{display:flex;gap:12px}.dialog-buttons button{flex:1;padding:12px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary{background-color:#2a2e39;border:1px solid #434651;color:#d1d4dc}.btn-secondary:hover{background-color:#363a45;border-color:#787b86}.btn-danger{background-color:#f2364526;border:1px solid #f23645;color:#f23645}.btn-danger:hover{background-color:#f23645;color:#fff}.action-buttons{display:flex;gap:8px;align-items:center}.tpsl-btn{padding:6px 12px;background-color:#2962ff26;border:1px solid rgba(41,98,255,.3);border-radius:4px;color:#2962ff;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.tpsl-btn:hover{background-color:#2962ff40;border-color:#2962ff}.cancel-all-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.cancel-all-modal{background-color:#1e222d;border-radius:12px;width:90%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 12px 48px #00000080;animation:slideUp .3s ease-out;border:1px solid #ef5350}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.cancel-all-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #2a2e39;gap:12px}.header-icon{width:40px;height:40px;border-radius:50%;background-color:#ef535026;display:flex;align-items:center;justify-content:center;color:#ef5350}.cancel-all-header h3{margin:0;font-size:20px;font-weight:600;color:#ef5350;flex:1}.cancel-all-header .close-btn{background:none;border:none;color:#787b86;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.cancel-all-header .close-btn:hover{background-color:#2a2e39;color:#d1d4dc}.cancel-all-body{padding:20px}.symbol-info{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:#2a2e39;border-radius:8px;margin-bottom:16px}.symbol-name{font-size:20px;font-weight:700;color:#d1d4dc}.order-count{font-size:14px;color:#787b86;padding:4px 12px;background-color:#ef53501a;border-radius:12px;color:#ef5350;font-weight:600}.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.summary-card{display:flex;flex-direction:column;align-items:center;padding:12px;background-color:#2a2e39;border-radius:8px;border:1px solid transparent}.summary-card.buy{border-color:#26a69a4d}.summary-card.sell{border-color:#ef53504d}.summary-card.total{border-color:#2962ff4d}.card-label{font-size:11px;color:#787b86;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.summary-card.buy .card-value{color:#26a69a}.summary-card.sell .card-value{color:#ef5350}.summary-card.total .card-value{color:#2962ff}.card-value{font-size:18px;font-weight:700;color:#d1d4dc;font-family:Roboto Mono,monospace}.order-types-section{margin-bottom:16px}.section-label{font-size:12px;color:#787b86;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.order-types-list{display:flex;flex-wrap:wrap;gap:8px}.order-type-item{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:#2a2e39;border-radius:16px;font-size:13px}.type-name{color:#d1d4dc}.type-count{color:#787b86;font-weight:600}.orders-preview{margin-bottom:16px}.orders-list{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto}.order-preview-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background-color:#2a2e39;border-radius:6px;font-size:13px}.order-side{font-weight:700;padding:2px 8px;border-radius:4px;font-size:11px;text-transform:uppercase}.order-side.buy{background-color:#26a69a26;color:#26a69a}.order-side.sell{background-color:#ef535026;color:#ef5350}.order-info{flex:1;color:#d1d4dc;font-family:Roboto Mono,monospace}.order-type-badge{font-size:11px;color:#787b86;padding:2px 8px;background-color:#ffffff0d;border-radius:4px}.more-orders{text-align:center;color:#787b86;font-size:12px;padding:8px;font-style:italic}.warning-message{display:flex;align-items:center;gap:8px;padding:12px;background-color:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:8px;font-size:13px;color:#ff9800;margin-bottom:12px}.warning-icon{font-size:16px}.danger-notice{display:flex;align-items:center;gap:10px;padding:14px;background-color:#ef53501a;border:1px solid rgba(239,83,80,.3);border-radius:8px;font-size:14px;color:#ef5350;font-weight:500}.danger-icon{font-size:18px}.cancel-all-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #2a2e39}.btn-keep,.btn-cancel-all{flex:1;padding:14px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-keep{background-color:#2a2e39;color:#d1d4dc}.btn-keep:hover{background-color:#363a45}.btn-cancel-all{background:linear-gradient(135deg,#ef5350,#d32f2f);color:#fff}.btn-cancel-all:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 16px #ef535066}.btn-cancel-all:active{transform:translateY(0)}.loading-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spinner-rotate .6s linear infinite;margin-right:8px;vertical-align:middle}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-cancel-all:disabled,.btn-keep:disabled{opacity:.6;cursor:not-allowed}.btn-cancel-all:disabled:hover,.btn-keep:disabled:hover{transform:none;box-shadow:none}@media(max-width:500px){.cancel-all-modal{width:95%}.summary-cards{grid-template-columns:1fr 1fr}.summary-card.total{grid-column:span 2}.cancel-all-header,.cancel-all-body,.cancel-all-footer{padding:16px}}.open-orders-table-container{display:flex;flex-direction:column;height:100%;background-color:#1e222d}.cancel-all-btn{padding:6px 16px;background-color:transparent;border:1px solid #f23645;border-radius:4px;color:#f23645;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;margin-left:12px}.cancel-all-btn:hover{background-color:#f2364526;border-color:#f23645}.cancel-all-btn:active{background-color:#f2364540}.filter-group label{font-size:13px;color:#787b86}.filter-group select{padding:6px 12px;background-color:#2a2e39;border:1px solid #434651;border-radius:4px;color:#d1d4dc;font-size:13px;cursor:pointer;transition:all .2s}.filter-group select:focus{outline:none;border-color:#2962ff}.open-orders-table{width:100%;border-collapse:collapse;font-size:13px}.open-orders-table thead{position:sticky;top:0;background-color:#2a2e39;z-index:10}.open-orders-table th{padding:12px 16px;text-align:left;font-weight:600;color:#787b86;text-transform:uppercase;font-size:11px;letter-spacing:.5px;border-bottom:1px solid #434651}.open-orders-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.open-orders-table th.sortable:hover{color:#d1d4dc;background-color:#363a45}.open-orders-table th.number-header{text-align:right}.open-orders-table tbody tr{border-bottom:1px solid #2a2e39;transition:all .2s}.open-orders-table tbody tr:hover{background-color:#2a2e39}.open-orders-table td{padding:14px 16px;color:#d1d4dc}.open-orders-table th:nth-child(5),.open-orders-table th:nth-child(6),.open-orders-table th:nth-child(7),.open-orders-table th:nth-child(8),.open-orders-table td:nth-child(5),.open-orders-table td:nth-child(6),.open-orders-table td:nth-child(7),.open-orders-table td:nth-child(8){text-align:right}.side-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase}.side-badge.buy{background-color:#22ab9426;color:#22ab94;border:1px solid rgba(34,171,148,.3)}.side-badge.sell{background-color:#f2364526;color:#f23645;border:1px solid rgba(242,54,69,.3)}.margin-mode-cell{text-align:center}.margin-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;text-transform:capitalize}.margin-badge.cross{background-color:#2962ff26;color:#5e81f4;border:1px solid rgba(41,98,255,.3)}.margin-badge.isolated{background-color:#ff980026;color:#ff9800;border:1px solid rgba(255,152,0,.3)}.leverage-cell{font-family:Roboto Mono,monospace;font-weight:600;color:#5e81f4}.pnl-cell{font-family:Roboto Mono,monospace;font-weight:600;font-size:12px;white-space:nowrap}.filled-cell{font-family:Roboto Mono,monospace}.fill-percent{font-size:11px;color:#787b86;margin-left:6px}.actions-cell{display:flex;gap:6px}.action-btn{padding:5px 10px;background-color:transparent;border:1px solid #434651;border-radius:3px;color:#787b86;font-size:13px;cursor:pointer;transition:all .2s}.action-btn:hover{background-color:#2a2e39;color:#d1d4dc}.modify-btn:hover{border-color:#2962ff;color:#2962ff}.cancel-btn:hover{border-color:#f23645;color:#f23645}.editable-cell{position:relative}.editable-cell .cell-value{display:inline-block;margin-right:4px}.editable-cell .edit-cell-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:1px solid transparent;border-radius:4px;color:#787b86;font-size:14px;cursor:pointer;transition:all .2s ease;opacity:0;vertical-align:middle}.editable-cell:hover .edit-cell-btn{opacity:1}.editable-cell .edit-cell-btn:hover{background:#2a2e39;border-color:#2962ff;color:#2962ff}.editable-cell .edit-cell-btn:active{background:#1e53e5;color:#fff;transform:scale(.95)}@media(max-width:1200px){.open-orders-table{font-size:12px}.open-orders-table th,.open-orders-table td{padding:10px 12px}}.order-history-table-container{display:flex;flex-direction:column;height:100%;background-color:#1e222d}.order-history-table{width:100%;border-collapse:collapse;font-size:13px}.order-history-table thead{position:sticky;top:0;background-color:#2a2e39;z-index:10}.order-history-table th{padding:12px 16px;text-align:left;font-weight:600;color:#787b86;text-transform:uppercase;font-size:11px;letter-spacing:.5px;border-bottom:1px solid #434651}.order-history-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.order-history-table th.sortable:hover{color:#d1d4dc;background-color:#363a45}.order-history-table th.number-header{text-align:right}.order-history-table tbody tr{border-bottom:1px solid #2a2e39;transition:all .2s}.order-history-table tbody tr:hover{background-color:#2a2e39}.order-history-table td{padding:14px 16px;color:#d1d4dc}.order-history-table th:nth-child(5),.order-history-table th:nth-child(6),.order-history-table th:nth-child(7),.order-history-table th:nth-child(8),.order-history-table td:nth-child(5),.order-history-table td:nth-child(6),.order-history-table td:nth-child(7),.order-history-table td:nth-child(8){text-align:right}.type-badge{display:inline-block;padding:3px 8px;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase}.type-badge.limit,.type-badge.stop_loss_limit,.type-badge.take_profit_limit,.type-badge.stop{background-color:#2962ff26;color:#2962ff;border:1px solid rgba(41,98,255,.3)}.type-badge.market{background-color:#787b8626;color:#d1d4dc;border:1px solid rgba(120,123,134,.3)}.type-badge.stop_loss,.type-badge.stop_market{background-color:#ff980026;color:#ff9800;border:1px solid rgba(255,152,0,.3)}.type-badge.take_profit,.type-badge.take_profit_market{background-color:#22ab9426;color:#22ab94;border:1px solid rgba(34,171,148,.3)}.status-badge{display:inline-block;padding:3px 8px;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase}.status-badge.filled{background-color:#22ab9426;color:#22ab94;border:1px solid rgba(34,171,148,.3)}.status-badge.canceled{background-color:#f2364526;color:#f23645;border:1px solid rgba(242,54,69,.3)}.status-badge.expired{background-color:#787b8626;color:#787b86;border:1px solid rgba(120,123,134,.3)}.trade-history-table-container{display:flex;flex-direction:column;height:100%;background-color:#1e222d}.table-header{padding:16px 20px;border-bottom:1px solid #2a2e39;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.table-title{display:flex;align-items:center;gap:12px}.table-title h3{margin:0;font-size:16px;font-weight:600;color:#d1d4dc}.total-count{font-size:13px;color:#787b86;margin-left:8px}.trade-stats{font-size:13px;color:#2962ff;margin-left:16px;font-weight:600}.table-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-size:13px;color:#787b86;white-space:nowrap;display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.filter-group select{padding:6px 10px;background-color:#2a2e39;border:1px solid #434651;border-radius:4px;color:#d1d4dc;font-size:13px;cursor:pointer;transition:all .2s;min-width:100px}.filter-group select:hover{border-color:#2962ff}.filter-group select:focus{outline:none;border-color:#2962ff;background-color:#363a45}.filter-group input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#2962ff;margin:0}.filter-group label:has(input[type=checkbox]){color:#d1d4dc;font-weight:500;padding:6px 10px;background-color:#2a2e39;border:1px solid #434651;border-radius:4px;transition:all .2s}.filter-group label:has(input[type=checkbox]):hover{background-color:#363a45;border-color:#2962ff}.filter-group label:has(input[type=checkbox]:checked){background-color:#1e3a8a;border-color:#2962ff;color:#fff}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#787b86}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-text{font-size:16px;font-weight:600;margin-bottom:8px;color:#d1d4dc}.empty-subtext{font-size:13px;color:#787b86}.trade-history-table{width:100%;border-collapse:collapse;font-size:13px}.trade-history-table thead{position:sticky;top:0;background-color:#2a2e39;z-index:10}.trade-history-table th{padding:12px 16px;text-align:left;font-weight:600;color:#787b86;text-transform:uppercase;font-size:11px;letter-spacing:.5px;border-bottom:1px solid #434651}.trade-history-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.trade-history-table th.sortable:hover{color:#d1d4dc;background-color:#363a45}.trade-history-table th.number-header{text-align:right}.trade-history-table th.center-header,.trade-history-table .fee-currency{text-align:center}.trade-history-table tbody tr{border-bottom:1px solid #2a2e39;transition:all .2s}.trade-history-table tbody tr:hover{background-color:#2a2e39}.trade-history-table td{padding:14px 16px;color:#d1d4dc}.trade-history-table th:nth-child(4),.trade-history-table th:nth-child(5),.trade-history-table th:nth-child(6),.trade-history-table th:nth-child(7),.trade-history-table th:nth-child(8),.trade-history-table td:nth-child(4),.trade-history-table td:nth-child(5),.trade-history-table td:nth-child(6),.trade-history-table td:nth-child(7),.trade-history-table td:nth-child(8){text-align:right}.total-cell{font-weight:600}.fee-cell{color:#ff9800}.pnl-cell{font-weight:600}.pnl-positive{color:#26a69a!important}.pnl-negative{color:#ef5350!important}.fee-currency{font-size:11px;color:#787b86;font-weight:500}.time-cell{font-size:12px;color:#787b86;font-family:Roboto Mono,monospace}.symbol-cell{font-weight:600;color:#d1d4dc}.symbol-cell.clickable{cursor:pointer!important;transition:all .2s}.symbol-cell.clickable *{cursor:pointer!important}.symbol-cell.clickable:hover,.symbol-cell.clickable:hover .formatted-symbol .base-currency,.symbol-cell.clickable:hover .formatted-symbol .quote-currency{color:#2962ff;text-decoration:underline}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#787b86}.spinner{font-size:32px;animation:spin 1s linear infinite;margin-bottom:12px}.refresh-btn{padding:6px 14px;background-color:#2a2e39;border:1px solid #434651;border-radius:4px;color:#d1d4dc;font-size:13px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.refresh-btn:hover:not(:disabled){background-color:#363a45;border-color:#2962ff}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.table-footer{padding:16px 20px;border-top:1px solid #2a2e39;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.pagination-info{font-size:13px;color:#787b86}.pagination-controls{display:flex;align-items:center;gap:16px}.page-size{display:flex;align-items:center;gap:8px;font-size:13px;color:#787b86}.page-size select{padding:5px 10px;background-color:#2a2e39;border:1px solid #434651;border-radius:4px;color:#d1d4dc;font-size:13px;cursor:pointer}.page-buttons{display:flex;align-items:center;gap:8px}.page-btn{padding:5px 10px;background-color:#2a2e39;border:1px solid #434651;border-radius:4px;color:#d1d4dc;font-size:13px;cursor:pointer;transition:all .2s;min-width:32px}.page-btn:hover:not(:disabled){background-color:#363a45;border-color:#2962ff;color:#2962ff}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-info{font-size:13px;color:#d1d4dc;padding:0 8px}@media(max-width:768px){.table-footer{flex-direction:column;align-items:flex-start}.pagination-controls{width:100%;justify-content:space-between}}.ad-modal-overlay{position:fixed;bottom:20px;left:20px;z-index:9999;pointer-events:none}.ad-modal{position:relative;width:400px;max-width:calc(100vw - 40px);background:linear-gradient(135deg,#1a1d28,#131722);border:2px solid #26a69a;border-radius:12px;box-shadow:0 10px 40px #0009,0 0 20px #26a69a4d;padding:16px;pointer-events:all;animation:slideInFromLeft .4s ease-out}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.ad-modal-close{position:absolute;top:8px;right:8px;width:32px;height:32px;background-color:#2a2e39e6;border:1px solid #363a45;border-radius:50%;color:#787b86;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:not-allowed;transition:all .3s;z-index:10;font-family:Courier New,monospace}.ad-modal-close.disabled{background-color:#2a2e39e6;color:#ff9800;border-color:#ff9800;animation:pulse 1s ease-in-out infinite}.ad-modal-close.active{background-color:#ef5350;color:#fff;border-color:#ef5350;cursor:pointer;animation:none}.ad-modal-close.active:hover{background-color:#f44336;transform:scale(1.1) rotate(90deg);box-shadow:0 0 15px #ef535080}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.ad-modal-label{font-size:10px;color:#787b86;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;padding:4px 8px;background-color:#787b861a;border-radius:4px;display:inline-block;font-weight:500}.ad-modal-content{width:100%;min-height:200px;background-color:#2a2e39;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:2px solid transparent;display:flex;align-items:center;justify-content:center;position:relative}.ad-modal-content:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(38,166,154,.1) 100%);opacity:0;transition:opacity .3s;pointer-events:none}.ad-modal-content:hover{border-color:#26a69a;transform:translateY(-2px);box-shadow:0 6px 20px #26a69a4d}.ad-modal-content:hover:before{opacity:1}.ad-modal-content:active{transform:translateY(0);box-shadow:0 3px 10px #26a69a4d}.ad-modal-content:focus{outline:2px solid #26a69a;outline-offset:2px}.ad-modal-image{width:100%;height:auto;display:block;object-fit:cover;max-height:300px}.ad-modal-loader{display:flex;align-items:center;justify-content:center;width:100%;height:200px;color:#787b86;font-size:13px}.ad-modal-loader span{animation:pulse 1.5s ease-in-out infinite}.ad-modal-instruction{margin-top:10px;text-align:center;font-size:12px;color:#26a69a;font-weight:500;animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:.5}50%{opacity:1}}.ad-modal-footer{margin-top:8px;text-align:center}.turn-off-ads-link{font-size:11px;color:#5a5e6a;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;transition:color .2s ease}.turn-off-ads-link:hover{color:#787b86}.turn-off-ads-link:focus{outline:1px dotted #5a5e6a;outline-offset:2px}@media(max-width:768px){.ad-modal-overlay{bottom:10px;left:10px}.ad-modal{width:320px;max-width:calc(100vw - 20px);padding:12px}.ad-modal-content{min-height:160px}.ad-modal-image{max-height:200px}.ad-modal-close{width:28px;height:28px;font-size:12px}.ad-modal-instruction{font-size:11px}}@media(max-width:480px){.ad-modal-overlay{bottom:5px;left:5px}.ad-modal{width:280px;padding:10px}.ad-modal-content{min-height:140px}.ad-modal-image{max-height:160px}}@media print{.ad-modal-overlay{display:none}}.ad-modal-content:focus-visible{outline:3px solid #26a69a;outline-offset:3px}@media(prefers-contrast:high){.ad-modal{border-width:3px}.ad-modal-close.active{border-width:2px}}@media(prefers-reduced-motion:reduce){.ad-modal,.ad-modal-close.disabled,.ad-modal-instruction{animation:none}.ad-modal-content:hover{transform:none}}.gdpr-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.gdpr-overlay.fade-in{animation:fadeIn .3s ease-out forwards}.gdpr-overlay.fade-out{animation:fadeOut .4s ease-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.gdpr-modal{background:linear-gradient(180deg,#1a1d24,#13161c);border:1px solid #2a3441;border-radius:12px;max-width:480px;width:100%;overflow:hidden;box-shadow:0 25px 50px -12px #0009,0 0 0 1px #ffffff0d,0 0 100px #26a69a1a;position:relative}.gdpr-modal.slide-in{animation:slideIn .4s cubic-bezier(.16,1,.3,1) forwards}.gdpr-modal.slide-out{animation:slideOut .3s ease-in forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}.gdpr-header{display:flex;align-items:center;padding:12px 16px;background:linear-gradient(180deg,#252a33,#1e232b);border-bottom:1px solid #2a3441}.gdpr-header-dots{display:flex;gap:6px}.gdpr-header-dots .dot{width:10px;height:10px;border-radius:50%}.gdpr-header-dots .dot.red{background:#ff5f56;box-shadow:0 0 6px #ff5f5666}.gdpr-header-dots .dot.yellow{background:#ffbd2e;box-shadow:0 0 6px #ffbd2e66}.gdpr-header-dots .dot.green{background:#27c93f;box-shadow:0 0 6px #27c93f66}.gdpr-header-title{flex:1;text-align:center;font-size:13px;font-weight:500;color:#8b95a5;display:flex;align-items:center;justify-content:center;gap:8px}.terminal-icon{color:#26a69a;font-family:Monaco,Menlo,monospace;font-weight:700;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:.5}}.gdpr-header-spacer{width:50px}.gdpr-content{padding:28px 28px 20px}.gdpr-icon-container{display:flex;justify-content:center;margin-bottom:20px}.gdpr-icon{width:64px;height:64px;background:linear-gradient(135deg,#26a69a26,#26a69a0d);border:1px solid rgba(38,166,154,.3);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#26a69a;animation:iconPulse 2s ease-in-out infinite}.gdpr-icon svg{width:32px;height:32px}@keyframes iconPulse{0%,to{box-shadow:0 0 #26a69a33}50%{box-shadow:0 0 20px 5px #26a69a26}}.gdpr-title{font-size:22px;font-weight:600;color:#e6e8ef;text-align:center;margin:0 0 20px}.typing-effect{display:inline-block;overflow:hidden;border-right:2px solid #26a69a;white-space:nowrap;animation:typing .8s steps(20) forwards,cursorBlink .7s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes cursorBlink{50%{border-color:transparent}}.gdpr-text{color:#9ca3af;font-size:14px;line-height:1.6}.gdpr-text p{margin:0 0 16px}.gdpr-text .highlight{color:#26a69a;font-weight:500}.gdpr-features{background:#26a69a0d;border:1px solid rgba(38,166,154,.15);border-radius:8px;padding:14px 16px;margin:16px 0}.gdpr-feature{display:flex;align-items:flex-start;gap:10px;padding:6px 0;font-size:13px;color:#b8bfc9}.gdpr-feature:first-child{padding-top:0}.gdpr-feature:last-child{padding-bottom:0}.feature-icon{color:#26a69a;font-weight:700;font-size:12px;flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:#26a69a26;border-radius:50%}.gdpr-note{font-size:12px;color:#6b7280;border-left:2px solid #3b4252;padding-left:12px;margin-top:16px}.gdpr-actions{display:flex;gap:12px;margin-top:24px}.gdpr-btn{flex:1;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;border:none;outline:none}.gdpr-btn-primary{background:linear-gradient(135deg,#26a69a,#1e8e82);color:#fff;box-shadow:0 4px 12px #26a69a4d}.gdpr-btn-primary:hover{background:linear-gradient(135deg,#2eb8ab,#26a69a);box-shadow:0 6px 16px #26a69a66;transform:translateY(-1px)}.gdpr-btn-primary:active{transform:translateY(0)}.btn-icon{font-size:16px}.gdpr-btn-secondary{background:transparent;color:#6b7280;border:1px solid #3b4252}.gdpr-btn-secondary:hover{background:#ffffff0d;color:#9ca3af;border-color:#4b5563}.gdpr-footer{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid #2a3441;font-size:11px;color:#4b5563}@media(max-width:520px){.gdpr-modal{max-width:100%;margin:10px}.gdpr-content{padding:20px}.gdpr-title{font-size:18px}.gdpr-actions{flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-1: #0f121a;--bg-2: #161b27;--bg-3: #1e222d;--accent: #2bd4a6;--warn: #f7b84b;--error: #ff5f6d;--text-main: #e6e8ef;--text-muted: #aab1c1;--border-1: #3f4555;--border-2: #525b6e;--radius: 8px;--shadow-1: 0 6px 24px rgba(0, 0, 0, .35);--bottom-panel-height: clamp(260px, 42vh, 460px)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;flex-direction:column;height:100vh;background-color:var(--bg-3);color:#d1d4dc;transition:opacity .3s ease}.app.frozen{pointer-events:none;-webkit-user-select:none;user-select:none}.app.frozen .app-body,.app.frozen .bottom-panel{opacity:.6;filter:grayscale(.3)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background-color:#131722;border-bottom:1px solid #1b1f2a;min-height:50px;gap:12px;flex-wrap:wrap}.header-left{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.app-title{font-size:18px;font-weight:600;color:#26a69a}.exchange-selector{display:flex;align-items:center;gap:10px}.select-input{background-color:#1b1f2a;color:#d1d4dc;border:1px solid var(--border-1);padding:6px 12px;border-radius:4px;font-size:14px;cursor:pointer}.select-input:hover{background-color:var(--border-1)}.connection-status{font-size:12px;display:flex;align-items:center}.connection-status.connected{color:#26a69a}.connection-status.connecting{color:#ff9800}.connection-status.disconnected{color:var(--text-muted)}.connection-status.error{color:#ef5350}.symbol-input{display:flex;align-items:center}.text-input{background-color:#1b1f2a;color:#d1d4dc;border:1px solid var(--border-1);padding:6px 12px;border-radius:4px;font-size:14px;width:120px}.text-input:focus{outline:none;border-color:#26a69a}.header-right{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.header-ticker{background-color:#1b1f2a;border-radius:4px;padding:5px 10px;min-width:200px}.header-ticker .price-ticker{padding:0;background-color:transparent;border:none}.header-ticker .ticker-main{margin-bottom:0;flex-direction:row;align-items:center;gap:10px}.ticker-symbol-group{display:flex;align-items:center;gap:6px}.header-ticker .ticker-symbol{font-size:12px;font-weight:500}.symbol-info-btn{background:#6366f11f;border:1px solid rgba(99,102,241,.25);cursor:pointer;padding:4px;transition:all .15s ease;border-radius:5px;line-height:1;display:flex;align-items:center;justify-content:center;color:#818cf8}.symbol-info-btn:hover{background:#6366f133;border-color:#6366f166;color:#a5b4fc}.symbol-info-btn:active{background:#6366f140;transform:scale(.95)}.header-ticker .ticker-price{font-size:16px;font-weight:600}.header-ticker .ticker-change{font-size:11px;gap:5px}.header-ticker .ticker-stats{display:none}.account-info{display:flex;gap:15px;font-size:14px}.account-info span{color:var(--text-muted)}.app-body{display:flex;flex:1;overflow:hidden;min-height:calc(100dvh - 60px - var(--bottom-panel-height))}.right-sidebar{width:300px;background-color:#131722;border-left:1px solid #1b1f2a;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:width .3s ease;height:100%}.right-sidebar.collapsed{width:30px}.right-sidebar .panel{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;scroll-behavior:smooth}.right-sidebar .panel-title{position:sticky;top:0;background-color:#131722;z-index:10;padding-top:0;margin-top:0}.right-sidebar .panel::-webkit-scrollbar{width:6px}.right-sidebar .panel::-webkit-scrollbar-track{background:#131722}.right-sidebar .panel::-webkit-scrollbar-thumb{background:var(--border-1);border-radius:3px}.right-sidebar .panel::-webkit-scrollbar-thumb:hover{background:#474b57}.sidebar-toggle{position:absolute;top:50%;transform:translateY(-50%);right:-15px;width:30px;height:60px;background-color:#131722;border:1px solid #1b1f2a;border-radius:0 8px 8px 0;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background-color .2s}.right-sidebar .sidebar-toggle{left:-15px;border-radius:8px 0 0 8px}.sidebar-toggle:hover{background-color:#1b1f2a}.toggle-arrow{color:var(--text-muted);font-size:18px;font-weight:700;-webkit-user-select:none;user-select:none}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;min-height:50vh}.chart-container{flex:1;position:relative;background-color:#1e222d}.empty-chart{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:16px}.panel{padding:15px}.bottom-panel .panel{border-bottom:1px solid #1b1f2a}.panel-title{font-size:16px;font-weight:600;margin-bottom:16px;color:#d1d4dc;padding:0 4px 8px;border-bottom:2px solid transparent;border-image:linear-gradient(90deg,#26a69a 0%,transparent 100%) 1;text-transform:uppercase;letter-spacing:.5px}.order-panel{display:flex;flex-direction:column;gap:15px}.position-toggle{display:flex;border-radius:4px;overflow:hidden;background-color:#1b1f2a}.position-btn{flex:1;padding:8px 12px;background-color:transparent;color:var(--text-muted);border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.position-btn.active{background-color:#26a69a;color:#131722}.position-btn:first-child.active{background-color:#26a69a}.position-btn:last-child.active{background-color:#ef5350}.amount-input-group{display:flex;position:relative}.amount-input-group .text-input{flex:1;border-top-right-radius:0;border-bottom-right-radius:0}.currency-toggle{display:flex;flex-direction:column}.currency-btn{padding:3px 8px;background-color:var(--border-1);color:var(--text-muted);border:1px solid var(--border-1);border-left:none;font-size:12px;cursor:pointer;transition:all .2s;min-width:48px}.currency-btn:first-child{border-top-right-radius:4px;border-bottom:.5px solid var(--border-1)}.currency-btn:last-child{border-bottom-right-radius:4px;border-top:.5px solid var(--border-1)}.currency-btn.active{background-color:#26a69a;color:#131722;border-color:#26a69a}.converted-amount{font-size:12px;color:var(--text-muted);margin-top:4px}.calculated-balance-amount{font-size:12px;color:#2962ff;margin-top:6px;margin-bottom:8px;padding:6px 10px;background-color:#2962ff1a;border-radius:4px;border-left:2px solid #2962ff;font-weight:500}.balance-warning{font-size:12px;color:#ff9800;margin-top:6px;margin-bottom:8px;padding:6px 10px;background-color:#ff98001a;border-radius:4px;border-left:2px solid #ff9800;font-weight:500}.leverage-group{margin:0}.leverage-control{display:flex;align-items:center;gap:10px;margin-bottom:8px}.leverage-slider{flex:1;height:6px;border-radius:3px;outline:none;cursor:pointer;-webkit-appearance:none}.leverage-slider::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:#26a69a;cursor:pointer;border:2px solid #131722}.leverage-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#26a69a;cursor:pointer;border:2px solid #131722}.leverage-display{min-width:35px;text-align:center;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:3px;transition:background-color .2s}.leverage-display:hover{background-color:#1b1f2a}.leverage-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.leverage-popup{background-color:#131722;border:1px solid #1b1f2a;border-radius:8px;width:320px;max-width:90vw;box-shadow:0 10px 30px #00000080}.leverage-popup-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #1b1f2a}.leverage-popup-header h4{margin:0;color:#d1d4dc;font-size:16px;font-weight:600}.close-btn{background:none;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn:hover{background-color:#1b1f2a;color:#d1d4dc}.leverage-popup-content{padding:20px}.leverage-input-group{display:flex;align-items:center;margin-bottom:20px;position:relative}.leverage-popup-input{flex:1;padding:12px 16px;background-color:#1b1f2a;color:#d1d4dc;border:2px solid var(--border-1);border-radius:6px;font-size:16px;text-align:center;transition:border-color .2s}.leverage-popup-input:focus{outline:none;border-color:#26a69a}.leverage-unit{position:absolute;right:16px;color:var(--text-muted);font-size:16px;pointer-events:none}.leverage-popup-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.leverage-popup-presets button{padding:8px 12px;background-color:#1b1f2a;color:#d1d4dc;border:1px solid var(--border-1);border-radius:4px;cursor:pointer;transition:all .2s;font-size:14px}.leverage-popup-presets button:hover{background-color:var(--border-1);border-color:#26a69a}.leverage-popup-warning{background-color:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:6px;padding:12px;margin-bottom:20px}.leverage-popup-warning span{color:#ff9800;font-size:13px;display:flex;align-items:center;gap:8px}.leverage-popup-buttons{display:flex;gap:12px}.btn-secondary{flex:1;padding:12px 16px;background-color:#1b1f2a;color:#d1d4dc;border:1px solid var(--border-1);border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-secondary:hover{background-color:var(--border-1)}.btn-primary{flex:1;padding:12px 16px;background-color:#26a69a;color:#131722;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.btn-primary:hover{background-color:#2db8a9}.positions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:4px}.position-card{background-color:#1b1f2a;border:1px solid var(--border-1);border-radius:6px;padding:12px;transition:all .2s}.position-card:hover{border-color:#26a69a;box-shadow:0 2px 8px #26a69a1a}.position-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-1)}.position-symbol{font-size:14px;font-weight:600;color:#d1d4dc}.position-side{font-size:11px;font-weight:600;padding:2px 6px;border-radius:3px;text-transform:uppercase}.position-side.long{background-color:#26a69a33;color:#26a69a}.position-side.short{background-color:#ef535033;color:#ef5350}.position-details{display:flex;flex-direction:column;gap:6px}.position-item{display:flex;justify-content:space-between;align-items:center}.position-item .label{font-size:12px;color:var(--text-muted)}.position-item .value{font-size:12px;font-weight:500;color:#d1d4dc;font-family:Courier New,monospace}.position-item .value.profit{color:#26a69a}.position-item .value.loss{color:#ef5350}.tab-panel{display:none}.tab-panel.active{display:block}.leverage-presets{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.leverage-presets button{padding:5px 6px;background-color:#1b1f2a;color:var(--text-muted);border:1px solid var(--border-2);border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.leverage-presets button:hover{background-color:var(--border-1);border-color:#2962ff;color:#2962ff;transform:translateY(-1px)}.order-summary{background-color:#1b1f2a;padding:10px;border-radius:4px;margin-top:10px}.summary-item{display:flex;justify-content:space-between;font-size:13px;margin-bottom:4px}.summary-item:last-child{margin-bottom:0}.summary-item span:first-child{color:var(--text-muted)}.summary-item span:last-child{color:#d1d4dc;font-weight:500}.order-form{display:flex;flex-direction:column;gap:15px}.order-type-tabs{display:flex;gap:5px}.tab-button{flex:1;padding:8px;background-color:#1b1f2a;color:var(--text-muted);border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s}.tab-button:hover{background-color:var(--border-1)}.tab-button.active{background-color:#26a69a;color:#131722}.order-type-buttons.compact-buttons{display:flex;gap:6px}.order-type-buttons.compact-buttons .type-btn{flex:1;padding:7px 10px;background-color:#1b1f2a;color:var(--text-muted);border:1px solid var(--border-2);border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.order-type-buttons.compact-buttons .type-btn:hover{background-color:var(--border-1);border-color:#2962ff;color:#d1d4dc}.order-type-buttons.compact-buttons .type-btn.active{background-color:#2962ff;border-color:#2962ff;color:#fff;font-weight:600}.form-group{display:flex;flex-direction:column;gap:3px;margin-bottom:6px}.form-group label{font-size:13px;color:var(--text-muted);font-weight:500}.form-group input{width:100%}.button-group{display:flex;gap:10px}.btn{flex:1;padding:10px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-buy{background-color:#26a69a;color:#fff}.btn-buy:hover{background-color:#2db8a9}.btn-sell{background-color:#ef5350;color:#fff}.btn-sell:hover{background-color:#f44336}.positions-list{display:flex;flex-direction:column;gap:10px}.position-item{display:flex;justify-content:space-between;padding:8px;background-color:#1b1f2a;border-radius:4px;font-size:13px}.profit{color:#26a69a}.loss{color:#ef5350}.empty-state{text-align:center;color:var(--text-muted);padding:20px;font-size:13px}.price-ticker{padding:15px;background-color:#131722;border-bottom:1px solid #1b1f2a}.ticker-main{display:flex;flex-direction:column;gap:5px;margin-bottom:15px}.ticker-symbol{font-size:16px;font-weight:600;color:#d1d4dc}.ticker-price{font-size:24px;font-weight:700;font-family:Courier New,monospace;font-variant-numeric:tabular-nums}.ticker-change{display:flex;gap:10px;font-size:14px;font-family:Courier New,monospace;font-variant-numeric:tabular-nums}.ticker-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-item{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:10px;color:var(--text-muted);text-transform:uppercase}.stat-value{font-size:12px;font-weight:500;color:#d1d4dc;font-family:Courier New,monospace;font-variant-numeric:tabular-nums}.ticker-loading{padding:20px;text-align:center;color:var(--text-muted);font-size:13px}.trades-list{max-height:200px;overflow-y:auto}.bottom-panel{height:var(--bottom-panel-height);background-color:#131722;border-top:1px solid #1b1f2a;display:flex;flex-direction:column;position:relative;transition:height .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),opacity .2s ease;z-index:5}.bottom-panel.collapsed{height:15px}.bottom-panel.maximized{height:90dvh;position:fixed;bottom:0;left:0;right:0;z-index:100;animation:panelMaximize .3s cubic-bezier(.4,0,.2,1)}.bottom-panel.restoring{animation:panelRestore .3s cubic-bezier(.4,0,.2,1)}@keyframes panelMaximize{0%{height:400px;position:relative}to{height:90vh;position:fixed}}@keyframes panelRestore{0%{height:90vh;position:fixed;bottom:0;left:0;right:0}to{height:400px;position:relative}}.panel-toggle{position:absolute;top:0;right:50%;transform:translate(50%);width:60px;height:15px;background-color:#131722;border:1px solid #1b1f2a;border-left:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background-color .2s}.bottom-panel.collapsed .panel-toggle{border-radius:0 0 8px 8px;border-left:1px solid #1b1f2a;border-top:none}.panel-toggle:hover{background-color:#1b1f2a}.panel-toggle .toggle-arrow{color:var(--text-muted);font-size:18px;font-weight:700;-webkit-user-select:none;user-select:none}.tabs{display:flex;border-bottom:1px solid #1b1f2a;padding:0 20px;margin-top:15px}.tabs .tab-button{border-radius:0;background-color:transparent;padding:10px 15px;border-bottom:2px solid transparent}.tabs .tab-button.active{background-color:transparent;color:#26a69a;border-bottom-color:#26a69a}.tab-spinner{display:inline-block;width:12px;height:12px;margin-left:8px;border:2px solid rgba(38,166,154,.2);border-top-color:#26a69a;border-radius:50%;animation:tab-spin .8s linear infinite}@keyframes tab-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.maximize-button{margin-left:auto;padding:6px 12px;background-color:transparent;border:1px solid var(--border-2);border-radius:4px;color:var(--text-muted);font-size:14px;cursor:pointer;transition:all .2s}.maximize-button:hover{background-color:#1b1f2a;border-color:#2962ff;color:#2962ff}.tab-content{flex:1;padding:20px;overflow-y:auto;max-height:calc(var(--bottom-panel-height) - 60px);transition:max-height .3s cubic-bezier(.4,0,.2,1)}.bottom-panel.maximized .tab-content{max-height:calc(90vh - 60px)}.orders-table{width:100%;border-collapse:collapse;font-size:13px}.orders-table th{text-align:left;padding:8px;color:var(--text-muted);border-bottom:1px solid #1b1f2a;font-weight:400}.orders-table td{padding:8px;border-bottom:1px solid #1b1f2a}.orders-table tr:hover{background-color:#1b1f2a}.btn-cancel{padding:4px 8px;background-color:#ef5350;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:12px}.btn-cancel:hover{background-color:#f44336}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1e222d}::-webkit-scrollbar-thumb{background:var(--border-1);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#474b57}iframe{color-scheme:dark}.sidebar-backdrop,.mobile-trade-button{display:none}@media(max-width:1400px){.right-sidebar{width:250px}}@media(max-width:1280px){.header-right{gap:12px}.header-ticker{min-width:0}}@media(max-width:992px){.app-body{flex-direction:column;min-height:auto}.main-content{min-height:55vh}.sidebar-backdrop{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:110;display:block}.sidebar-backdrop.visible{opacity:1;visibility:visible}.right-sidebar{position:fixed;top:0;right:0;bottom:0;width:min(420px,90vw);max-width:100%;height:100dvh;box-shadow:var(--shadow-1);transform:translate(100%);transition:transform .25s ease;z-index:120}.right-sidebar.collapsed{transform:translate(100%);width:min(420px,90vw)}.right-sidebar:not(.collapsed){transform:translate(0)}.sidebar-toggle{display:none}.mobile-trade-button{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background-color:#26a69a;color:#131722;border:1px solid #2db8a9;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease;box-shadow:0 6px 14px #26a69a40}.mobile-trade-button:hover{transform:translateY(-1px)}.bottom-panel{height:var(--bottom-panel-height);position:relative}.tab-content{max-height:calc(var(--bottom-panel-height) - 60px)}}.balance-percentage-group{margin-bottom:6px}.balance-percentage-group label{display:block;margin-bottom:4px;color:var(--text-muted);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.balance-percentage-slider{width:100%;height:4px;border-radius:2px;background:linear-gradient(to right,#2962ff 0%,#2962ff var(--value, 50%),#1b1f2a var(--value, 50%),#1b1f2a 100%);outline:none;-webkit-appearance:none;margin-bottom:12px;cursor:pointer}.balance-percentage-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #2962ff;cursor:grab;box-shadow:0 2px 6px #0000004d;transition:all .15s ease}.balance-percentage-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 10px #2962ff80}.balance-percentage-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.05)}.balance-percentage-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #2962ff;cursor:grab;box-shadow:0 2px 6px #0000004d;transition:all .15s ease}.balance-percentage-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 3px 10px #2962ff80}.balance-percentage-slider::-moz-range-thumb:active{cursor:grabbing;transform:scale(1.05)}.balance-percentage-slider::-moz-range-track{background:#1b1f2a;border-radius:2px;height:4px}.percentage-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.percentage-buttons button{padding:5px 6px;background-color:#1b1f2a;border:1px solid var(--border-2);border-radius:4px;color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease}.percentage-buttons button:hover{background-color:var(--border-1);border-color:#2962ff;color:#2962ff;transform:translateY(-1px)}.percentage-buttons button:active{transform:translateY(0)}.position-mode-selector{display:flex;align-items:center;gap:12px;margin-top:8px}.position-mode-badge{padding:6px 12px;background-color:#2962ff26;border:1px solid rgba(41,98,255,.3);border-radius:4px;color:#2962ff;font-size:12px;font-weight:600;text-transform:uppercase}.mode-toggle-btn{padding:6px 12px;background-color:#1b1f2a;border:1px solid var(--border-2);border-radius:4px;color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.mode-toggle-btn:hover{background-color:var(--border-1);border-color:#2962ff;color:#2962ff}.mode-info{margin-top:6px}.mode-info small{color:#ff9800;font-size:11px}.margin-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.margin-btn{padding:6px 10px;background-color:#1b1f2a;border:1px solid var(--border-2);border-radius:4px;color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.margin-btn:hover{background-color:var(--border-1);border-color:var(--text-muted)}.margin-btn.active{background-color:#2962ff26;border-color:#2962ff;color:#2962ff}.margin-info{display:block;margin-top:6px;color:var(--text-muted);font-size:11px;line-height:1.4}.compact-group{margin-top:4px;margin-bottom:4px}.compact-group label{margin-bottom:2px;font-size:11px}.position-mode-selector-compact{display:grid;grid-template-columns:1fr 1fr;gap:4px}.position-mode-selector-compact .mode-btn{padding:6px 10px;background-color:#1b1f2a;border:1px solid var(--border-2);border-radius:4px;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.position-mode-selector-compact .mode-btn:hover{background-color:var(--border-1);border-color:var(--text-muted)}.position-mode-selector-compact .mode-btn.active{background-color:#2962ff26;border-color:#2962ff;color:#2962ff}.margin-type-selector-compact{display:grid;grid-template-columns:1fr 1fr;gap:4px}.margin-type-selector-compact .margin-btn{padding:6px 10px;background-color:#1b1f2a;border:1px solid var(--border-2);border-radius:4px;color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.margin-type-selector-compact .margin-btn:hover{background-color:var(--border-1);border-color:var(--text-muted)}.margin-type-selector-compact .margin-btn.active{background-color:#2962ff26!important;border-color:#2962ff!important;color:#2962ff!important}.auto-refresh-modal-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auto-refresh-modal{background-color:#1e222d;border:1px solid #1b1f2a;border-radius:12px;padding:32px;max-width:420px;width:90%;text-align:center;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auto-refresh-modal-icon{width:72px;height:72px;background:linear-gradient(135deg,#2962ff33,#26a69a33);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#26a69a}.auto-refresh-modal-icon svg{animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auto-refresh-modal-title{font-size:22px;font-weight:600;color:#d1d4dc;margin-bottom:12px}.auto-refresh-modal-message{font-size:14px;color:var(--text-muted);line-height:1.6;margin-bottom:20px}.auto-refresh-modal-info{display:flex;align-items:flex-start;gap:10px;background-color:#2962ff1a;border:1px solid rgba(41,98,255,.2);border-radius:8px;padding:12px 16px;margin-bottom:24px;text-align:left}.auto-refresh-modal-info .info-icon{width:20px;height:20px;min-width:20px;background-color:#2962ff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.auto-refresh-modal-info span:last-child{font-size:13px;color:#9598a1;line-height:1.5}.auto-refresh-modal-actions{display:flex;flex-direction:column;gap:12px}.auto-refresh-btn{padding:14px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.auto-refresh-btn-primary{background:linear-gradient(135deg,#26a69a,#2962ff);color:#fff}.auto-refresh-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #26a69a4d}.auto-refresh-btn-secondary{background-color:#1b1f2a;color:#9598a1;border:1px solid var(--border-2)}.auto-refresh-btn-secondary:hover{background-color:var(--border-1);border-color:var(--text-muted);color:#d1d4dc}.auto-refresh-modal-warning{font-size:13px;color:#ff9800;padding:12px;background-color:#ff98001a;border-radius:6px;margin:0}.auto-refresh-modal-note{font-size:12px;color:var(--text-muted);margin-top:16px;margin-bottom:0}.payment-page{min-height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);display:flex;align-items:center;justify-content:center;padding:40px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.payment-container{max-width:700px;width:100%;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;box-shadow:0 20px 60px #00000080;overflow:hidden;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.payment-header{background:linear-gradient(90deg,#4285f433,#34a85333);padding:40px 32px;text-align:center;border-bottom:1px solid #2a2a4e}.payment-header h1{margin:0 0 12px;font-size:32px;font-weight:700;color:#fff;line-height:1.2}.payment-subtitle{margin:0;color:#aaa;font-size:16px;line-height:1.5}.payment-section{padding:28px 32px;border-bottom:1px solid rgba(255,255,255,.05)}.payment-section h2{margin:0 0 8px;font-size:20px;font-weight:600;color:#fff}.section-description{margin:0 0 20px;color:#aaa;font-size:14px;line-height:1.5}.code-input-group{position:relative}.payment-code-input{width:100%;padding:16px 20px;background:#0000004d;border:2px solid #2a2a4e;border-radius:10px;color:#4285f4;font-size:20px;font-weight:700;font-family:Courier New,monospace;letter-spacing:2px;text-align:center;transition:all .2s ease}.payment-code-input:focus{outline:none;border-color:#4285f4;background:#4285f40d}.payment-code-input::placeholder{color:#444;font-weight:400}.payment-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.payment-method-card{background:#0003;border:2px solid #2a2a4e;border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .2s ease}.payment-method-card:hover{background:#4285f40d;border-color:#4285f4;transform:translateY(-2px)}.payment-method-card.selected{background:#4285f426;border-color:#4285f4;box-shadow:0 0 20px #4285f44d}.method-icon{font-size:40px;margin-bottom:12px}.method-name{font-size:16px;font-weight:600;color:#fff;margin-bottom:6px}.method-description{font-size:12px;color:#aaa}.order-summary{background:#0003;border:1px solid #2a2a4e;border-radius:10px;padding:20px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.summary-row:last-child{border-bottom:none}.summary-row.total{padding-top:16px;margin-top:8px;border-top:2px solid #4285f4}.summary-label{color:#aaa;font-size:14px}.summary-value{color:#fff;font-size:15px;font-weight:600}.summary-value.price{color:#4285f4;font-size:24px;font-weight:700}.payment-error{margin:0 32px 20px;padding:14px 18px;background:#ea43351a;border:1px solid #ea4335;border-radius:10px;color:#ea4335;font-size:14px;display:flex;align-items:center;gap:8px}.test-notice{margin:0 32px 20px;padding:14px 18px;background:#fbbc051a;border:1px solid rgba(251,188,5,.3);border-radius:10px;color:#fbbc05;font-size:13px;line-height:1.5}.payment-btn{width:calc(100% - 64px);margin:0 32px 16px;padding:18px 32px;background:linear-gradient(135deg,#4285f4,#34a853);border:none;border-radius:12px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:10px}.payment-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #4285f466}.payment-btn:active:not(:disabled){transform:translateY(0)}.payment-btn:disabled{opacity:.5;cursor:not-allowed}.processing-spinner{animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.back-btn{width:calc(100% - 64px);margin:0 32px 32px;padding:14px 24px;background:transparent;border:1px solid #2a2a4e;border-radius:10px;color:#aaa;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.back-btn:hover:not(:disabled){background:#ffffff0d;border-color:#4285f4;color:#fff}.back-btn:disabled{opacity:.5;cursor:not-allowed}.payment-success{padding:40px 32px;text-align:center;animation:successFadeIn .5s ease-out}@keyframes successFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.success-icon{font-size:80px;margin-bottom:20px;animation:successBounce .6s ease-out}@keyframes successBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.payment-success h2{margin:0 0 16px;font-size:28px;font-weight:700;color:#34a853}.success-message{margin:0 0 32px;color:#e0e0e0;font-size:16px;line-height:1.6}.activation-code-section{margin-bottom:32px}.activation-code-section h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#4285f4}.activation-code-display{display:flex;gap:12px;align-items:stretch}.activation-code-output{flex:1;padding:16px;background:#0000004d;border:2px solid #4285f4;border-radius:10px;color:#4285f4;font-size:13px;font-family:Courier New,monospace;resize:none;word-break:break-all}.activation-code-output:focus{outline:none;background:#4285f40d}.copy-activation-btn{padding:12px 20px;background:#4285f4;border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.copy-activation-btn:hover{background:#3367d6;transform:scale(1.05)}.copy-activation-btn:active{transform:scale(.95)}.next-steps{text-align:left;background:#4285f40d;border:1px solid rgba(66,133,244,.2);border-radius:10px;padding:24px;margin-bottom:32px}.next-steps h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#fff}.next-steps ol{margin:0;padding-left:24px;color:#e0e0e0}.next-steps li{padding:8px 0;font-size:15px;line-height:1.6}.security-notice{background:#4285f40d;border:1px solid rgba(66,133,244,.2);border-radius:12px;padding:20px 24px;margin:0 32px 32px;display:flex;align-items:flex-start;gap:16px}.notice-icon{font-size:32px;line-height:1}.notice-content strong{display:block;color:#4285f4;font-size:15px;font-weight:600;margin-bottom:6px}.notice-content p{margin:0;color:#aaa;font-size:13px;line-height:1.5}@media(max-width:600px){.payment-page{padding:20px 10px}.payment-header{padding:32px 24px}.payment-header h1{font-size:24px}.payment-subtitle{font-size:14px}.payment-section{padding:24px 20px}.payment-methods{grid-template-columns:1fr}.payment-code-input{font-size:16px}.payment-btn,.back-btn{width:calc(100% - 40px);margin-left:20px;margin-right:20px}.security-notice{margin-left:20px;margin-right:20px;padding:16px}.payment-error,.test-notice{margin-left:20px;margin-right:20px}.payment-success{padding:32px 20px}.activation-code-display{flex-direction:column}.copy-activation-btn{width:100%}}.currency-selector{margin-top:16px;padding:16px;background:#ffffff0d;border-radius:8px}.currency-selector h3{margin:0 0 12px;font-size:14px;color:#e2e8f0}.currency-select{width:100%;padding:12px;background:#1a202c;border:1px solid #4a5568;border-radius:6px;color:#e2e8f0;font-size:14px;cursor:pointer}.currency-select:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 2px #4299e133}.currency-select option{background:#1a202c;color:#e2e8f0}.awaiting-payment{text-align:center;padding:32px}.awaiting-icon{font-size:64px;margin-bottom:24px;animation:pulse 2s infinite}.awaiting-payment h2{margin:0 0 16px;font-size:28px;color:#fff}.awaiting-message{font-size:16px;color:#a0aec0;margin-bottom:32px}.payment-address-section{margin-bottom:32px}.payment-address-section h3{margin:0 0 12px;font-size:16px;color:#e2e8f0}.payment-address-display{display:flex;align-items:center;gap:12px;padding:16px;background:#1a202c;border:1px solid #4a5568;border-radius:8px}.payment-address{flex:1;font-family:Courier New,monospace;font-size:12px;color:#4299e1;word-break:break-all;background:none;border:none;padding:0}.copy-address-btn{padding:8px 16px;background:#4299e1;border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.copy-address-btn:hover{background:#3182ce;transform:translateY(-1px);box-shadow:0 4px 12px #4299e14d}.payment-info{margin-bottom:32px;padding:20px;background:#ffffff0d;border-radius:8px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.info-row:last-child{border-bottom:none}.info-label{font-size:14px;color:#a0aec0;font-weight:500}.info-value{font-size:14px;color:#e2e8f0;font-family:Courier New,monospace}.info-value.status{text-transform:uppercase;font-weight:600;padding:4px 12px;background:#4299e133;border-radius:4px;color:#4299e1}.payment-instructions{margin-bottom:24px;text-align:left}.payment-instructions h4{margin:0 0 12px;font-size:16px;color:#e2e8f0}.payment-instructions ol{margin:0;padding-left:24px}.payment-instructions li{margin-bottom:8px;font-size:14px;color:#a0aec0;line-height:1.6}.polling-notice{padding:12px 20px;background:#34a8531a;border:1px solid rgba(52,168,83,.3);border-radius:6px;color:#34a853;font-size:13px;font-weight:500;margin-bottom:24px;animation:pulse-soft 3s infinite}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}