:root{--binary-chart-height-mobile:240px;--binary-chart-height-desktop:600px;--binary-panel-width-desktop:400px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--font-xs:11px;--font-sm:12px;--font-md:14px;--font-lg:16px;--font-xl:20px}[data-theme=dark]{--footer-bg:#1a1a1a;--nav-bg:#101010;--light-bg:#1e1e1e;--border-color:#2c2c2c;--text-muted:#a0a0a0;--color-text-primary:#f0f0f0;--color-text-secondary:#b0b0b0;--color-text-tertiary:#909090;--color-text-light:#a0a0a0;--color-green:#0ecb81;--color-green-hover:rgb(16, 180, 115);--color-red:#f6465d;--color-red-hover:rgb(201, 60, 78);--color-blue:#16adc4;--color-warning:#f7a600;--border-light:#2c2c2c;--border-dark:#404040;--bg-light:#262626;--bg-white:#1a1a1a;--bg-bid:rgba(14, 203, 129, 0.15);--bg-ask:rgba(246, 70, 93, 0.15);--table-header-bg:#232323;--table-border:var(--border-light);--table-hover-bg:rgba(247, 166, 0, 0.1);--card-bg:#1a1a1a;--scrollbar-thumb:rgba(255, 255, 255, 0.2)}#binary_body_wrapper{position:relative;height:100%;color:var(--color-text-secondary);font-size:14px}#app_binary hr{background-color:var(--border-light);opacity:1;margin:12px 0;border:none;height:1px}.dark-mode #app_binary hr{opacity:.25}@keyframes blink{0%,100%{opacity:1}50%{opacity:.5}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.binary-chart-section{position:relative;display:flex;flex-direction:column}.binary-trading-panel{position:relative;background:#1a1a1a!important}.exchange-chart-title{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--border-light);background:#1a1a1a!important}.dark-mode .exchange-chart-title{background:linear-gradient(135deg,#1a1a1a 0,#1e1e1e 100%);border-bottom:1px solid rgba(255,255,255,.25)}.exchange-chart-title-left{display:flex;flex-direction:column;gap:2px}.exchange-chart-title-symbol{font-size:18px;color:var(--color-text-primary);font-weight:600;display:flex;align-items:center;gap:8px}.exchange-chart-title-pair{font-size:16px;color:var(--color-text-primary);letter-spacing:.5px}.exchange-chart-title-type{font-size:11px;color:var(--color-text-secondary);font-weight:400;text-transform:uppercase;letter-spacing:.8px}.exchange-chart-title-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.exchange-chart-title-price{font-size:20px;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-variant-numeric:tabular-nums;font-weight:500}.exchange-chart-title-change{font-size:12px;font-weight:500;padding:0;border-radius:4px}.exchange-chart-title-change.positive{color:var(--color-green)}.exchange-chart-title-change.negative{color:var(--color-red);background:rgba(246,70,93,.1)}.chart-status-indicator{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--color-green);text-transform:uppercase;font-weight:500}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--color-green);animation:2s infinite pulse}.dark-mode .exchange-chart-title-pair,.dark-mode .exchange-chart-title-price,.dark-mode .exchange-chart-title-symbol{color:#fff}.full-box-binary{position:absolute;top:0;left:0;right:0;bottom:0}.binary-chart-wrapper{background:#1a1a1a!important;position:relative;height:var(--binary-chart-height-mobile);border-bottom:1px solid var(--border-light)}.dark-mode .binary-chart-wrapper{border-bottom:1px solid rgba(255,255,255,.25)}.binary-order-action{width:100%;position:relative;padding:16px}.binary-order-input-wrapper{display:flex;width:100%;margin-bottom:4px;position:relative}.dark-mode .binary-order-input-wrapper{color:#8c8f97}.binary-order-input-body{position:relative;flex:1;padding:8px 10px;border-radius:4px;background:#000}.binary-wallet-balance{background:#000;color:var(--color-text-secondary)}.dark-mode .binary-order-input-body{background-color:rgba(255,255,255,.25)}.binary-order-input-body-left{display:flex;justify-content:space-between;align-items:center}.binary-order-input-body-right{display:flex;align-items:center;margin-top:4px}.binary-order-input-body-right input{height:20px;background-color:transparent;border:none;color:#fff;padding:0 8px;outline:0!important;width:100%}.binary-order-input-body-right input:focus,.binary-order-input-body-right input:hover{box-shadow:none;border-color:transparent!important}.dark-mode .binary-order-input-body-right input{color:#fff}.binary-order-input-buttons{width:28px;display:flex;flex-direction:column;justify-content:space-between;padding:0 4px}.binary-order-input-buttons-el{width:24px;height:24px;padding:4px;background-color:#8494a8!important;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;color:#fff}.binary-order-input-more{text-align:center;display:block;padding:8px}.binary-profit-wrapper{display:flex;justify-content:center;align-items:center}.binary-profit-title{color:#8c8f97;display:flex;align-items:center;flex:1}.binary-profit-value{color:var(--color-green)}.dark-mode .binary-profit-value{color:gold}.binary-amount-buttons{display:flex;justify-content:space-between;margin-top:8px;margin-bottom:16px;gap:5px}.binary-amount-buttons div{flex:1;text-align:center;background:#6064ad!important;border-radius:4px;cursor:pointer;color:#fff;margin-right:3px;font-size:12px;line-height:23px;height:23px}.binary-amount-buttons div:last-child{margin-right:0}.binary-order-action-buttons{display:flex;justify-content:space-between;margin-top:8px}.binary-order-action-button{text-align:center;background:#474d57;border-radius:4px;cursor:pointer;color:#fff;flex:1;height:36px;font-size:13px;font-weight:500;line-height:36px}.binary-order-action-button-up{margin-right:5px;background:var(--color-green)}.binary-order-action-button-down{background:var(--color-red)}.binary-status-normal{background:#275375}.binary-status-normal .binary-strong-text{color:#fff}.binary-status-active{background:#ffc107}.dark-mode .binary-status-active{background:gold}.binary-status-active #binary_status_counter,.binary-status-active .binary-dim-text,.binary-status-active .binary-strong-text{color:#333}.binary-status-up{color:var(--color-green);border:1px solid #000}.binary-status-down{color:var(--color-red)}.binary-order-status-box{position:absolute;right:13px;bottom:5px;border-radius:10px;color:#fff}.binary-order-status-box-win{color:var(--color-green)}.binary-order-status-box-lose{color:var(--color-red)}.binary-order-status-box-draw{color:gray}#binary_status_counter{position:absolute;right:11px;top:50%;transform:translateY(-50%);font-size:35px;font-weight:500;color:#fff}#binary_result_box_mask{position:absolute;padding:28px 8px;border-radius:2px;left:0;right:0;top:0;bottom:0;text-align:center;background:#1e1e1e}.dark-mode #binary_result_box_mask{background:#161a1e;border:1px solid rgba(255,255,255,.3)}.binary-result-boxt-cancel{position:absolute;right:13px;bottom:8px;padding:4px 8px;background:#3f51b5;border-radius:10px;color:#fff;cursor:pointer}.binary-section-title{margin-bottom:8px}.binary-strong-text{font-weight:500;color:#fff}.dark-mode .binary-strong-text{color:#fff}.binary-dim-text{color:#fff;padding:0 8px}.binary-svg-icon{user-select:none;width:1em;height:1em;display:inline-block;fill:currentcolor;flex-shrink:0;transition:fill .2s cubic-bezier(.4,0,.2,1);font-size:1.5rem;color:#8c8f97}.dim-link{cursor:pointer;border-bottom:1px dotted}.dim-link:hover{color:#333}.dark-mode .dim-link:hover{color:gold}.gold-txt{color:var(--color-green)}.dark-mode .gold-txt{color:gold}.binary-wallet-balance-changed{transition:top .5s ease-in-out;color:gold}.binary-right-text{margin-left:7px}.margin-bottom-8{margin-bottom:8px;opacity:.8}.display-none{display:none}.blink{animation:1s infinite blink}@media (max-width:576px){.binary-order-action{padding:12px}.binary-amount-buttons div{font-size:12px;height:20px;line-height:20px}.binary-order-action-button{height:34px;font-size:12px;line-height:34px}.binary-order-input-buttons-el{height:24px}#binary_status_counter{font-size:28px}.exchange-chart-title-symbol{font-size:16px}.exchange-chart-title-pair{font-size:14px}.exchange-chart-title-price{font-size:16px}.exchange-chart-title-change{font-size:11px}.exchange-chart-title{height:auto;padding:8px 12px;gap:8px}.exchange-chart-title-right{align-items:right}}@media (min-width:768px){.binary-order-action{padding:20px}.binary-amount-buttons div{margin-right:0;font-size:14px;height:28px;line-height:28px}.binary-order-action-button{height:42px;font-size:15px;line-height:42px}.exchange-chart-title{height:60px;padding:0 20px;flex-direction:row}.exchange-chart-title-symbol{font-size:18px}.exchange-chart-title-pair{font-size:16px}.exchange-chart-title-price{font-size:20px}.exchange-chart-title-change{font-size:12px}}@media (min-width:992px){#binary_body_wrapper{display:flex;flex-direction:row;height:var(--binary-chart-height-desktop);min-height:calc(100vh - 56px)}.binary-chart-section{flex:1;height:100%;border-right:1px solid var(--border-light)}.dark-mode .binary-chart-section{border-right:1px solid rgba(255,255,255,.25)}.binary-chart-wrapper{flex:1;height:calc(100% - 60px);border-bottom:none}.binary-trading-panel{width:var(--binary-panel-width-desktop);min-width:var(--binary-panel-width-desktop);height:100%}.dark-mode .binary-trading-panel{background:#1a1a1a}.binary-order-action{height:100%;overflow-y:auto;padding:24px}.binary-order-input-wrapper{margin-bottom:8px}.binary-amount-buttons div{font-size:14px;height:32px;line-height:32px;border-radius:4px}.binary-order-action-button{height:48px;font-size:16px;font-weight:600;line-height:48px;border-radius:8px}.binary-order-action-button-up{margin-right:8px}.binary-section-title{margin-top:16px;margin-bottom:12px;font-size:16px;font-weight:600}#app_binary hr{margin:20px 0}}@media (min-width:1200px){.binary-order-action{padding:32px}.binary-amount-buttons div{font-size:14px}}@media (min-width:1400px){:root{--binary-chart-height-desktop:700px}.binary-trading-panel{width:450px;min-width:450px}}.chart-expanded .binary-trading-panel{display:none}.chart-expanded .binary-chart-section{width:100%;border-right:none}.exchange-login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center}.exchange-login-content{width:100%;max-width:300px}.exchange-login-title{font-size:var(--font-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.exchange-login-description{font-size:var(--font-md);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.exchange-login-buttons{display:flex;flex-direction:column;gap:var(--spacing-md)}.exchange-login-buttons .btn{margin:0;display:flex;align-items:center;justify-content:center;font-weight:500;transition:.2s}.exchange-login-buttons .btn-custom-warning{background-color:var(--highlight-color);border-color:var(--highlight-color);color:#fff}.exchange-login-buttons .btn-custom-warning:hover{background-color:var(--highlight-hover);border-color:var(--highlight-hover)}.exchange-login-buttons .btn-outline-secondary{background-color:transparent;border:1px solid var(--border-light);color:var(--color-text-primary)}.exchange-login-buttons .btn-outline-secondary:hover{background-color:var(--bg-light)}.exchange-chart-title-left{position:relative;cursor:pointer;user-select:none}.dropdown-arrow{margin-left:8px;font-size:12px;color:#888;transition:transform .3s}.dropdown-arrow.open{transform:rotate(180deg)}.symbol-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#1a1a1a;border:1px solid #444;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:.3s;max-height:300px;margin-top:1px;overflow-x:hidden}.symbol-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.symbol-dropdown-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #333;transition:background-color .2s;display:flex;justify-content:space-between;align-items:center}.symbol-dropdown-item:last-child{border-bottom:none}.symbol-dropdown-item:hover{background-color:#3a3a3a}.symbol-dropdown-item.active{background-color:#06c}.symbol-info{display:flex;flex-direction:column}.symbol-name{font-weight:700;font-size:14px;color:#fff}.symbol-type{font-size:11px;color:#888;margin-top:2px}.symbol-price{text-align:right;font-size:12px;color:gold}.symbol-dropdown::-webkit-scrollbar{width:6px}.symbol-dropdown::-webkit-scrollbar-track{background:#1a1a1a}.symbol-dropdown::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.symbol-dropdown::-webkit-scrollbar-thumb:hover{background:#777}@media (max-width:500px){.symbol-dropdown-item{padding:10px 12px}#navbar_fixed_top{display:none}.main-container{margin-top:0}}