.header{z-index:100;background:#1c1c28;border-bottom:1px solid #2a2a3d;flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:32px;display:flex}.logo{cursor:pointer;align-items:center;gap:8px;display:flex}.logo-text{color:#fff;letter-spacing:-.5px;font-size:20px;font-weight:700}.header-nav{align-items:center;gap:4px;display:flex}.nav-item{color:#88a;text-transform:capitalize;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.nav-item:hover{color:#fff;background:#2a2a3d}.nav-item.active{color:#fff}.nav-pro{align-items:center;gap:5px;display:flex}.pro-badge{color:#fff;letter-spacing:.5px;background:#5741d9;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:700}.header-right{align-items:center;gap:8px;display:flex}.btn-ghost{color:#ccc;cursor:pointer;background:0 0;border:1px solid #3a3a5c;border-radius:6px;padding:7px 16px;font-size:14px;font-weight:500;transition:all .15s}.btn-ghost:hover{color:#fff;border-color:#5741d9}.btn-primary{color:#fff;cursor:pointer;background:#5741d9;border:none;border-radius:6px;padding:7px 16px;font-size:14px;font-weight:600;transition:background .15s}.btn-primary:hover{background:#6952ea}.header-divider{background:#2a2a3d;width:1px;height:20px;margin:0 4px}.language-select{color:#88a;cursor:pointer;background:0 0;border:none;outline:none;font-size:13px}.user-info{align-items:center;gap:8px;display:flex}.user-avatar{color:#fff;background:#5741d9;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.user-name{color:#e0e0f0;font-size:13px;font-weight:500}.pairs-sidebar{background:#1c1c28;border-right:1px solid #2a2a3d;flex-direction:column;width:220px;min-width:220px;display:flex;overflow:hidden}.sidebar-tabs{border-bottom:1px solid #2a2a3d;display:flex}.sidebar-tab{color:#88a;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:10px 8px;font-size:12px;font-weight:500;transition:all .15s}.sidebar-tab.active{color:#fff;border-bottom-color:#5741d9}.sidebar-tab:hover{color:#ccc}.sidebar-search-wrap{border-bottom:1px solid #2a2a3d;padding:8px 10px;position:relative}.search-icon{color:#555570;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.sidebar-search{color:#ccc;box-sizing:border-box;background:#12121e;border:1px solid #2a2a3d;border-radius:5px;outline:none;width:100%;padding:6px 8px 6px 28px;font-size:12px}.sidebar-search:focus{border-color:#5741d9}.sidebar-search::placeholder{color:#555570}.sidebar-col-headers{color:#555570;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #2a2a3d;grid-template-columns:1fr 70px 52px;padding:4px 10px;font-size:10px;display:grid}.pairs-list{flex:1;overflow-y:auto}.pairs-list::-webkit-scrollbar{width:4px}.pairs-list::-webkit-scrollbar-track{background:0 0}.pairs-list::-webkit-scrollbar-thumb{background:#2a2a3d;border-radius:2px}.pair-item{cursor:pointer;border-bottom:1px solid #0000;grid-template-columns:1fr 70px 52px;align-items:center;padding:7px 10px;transition:background .1s;display:grid}.pair-item:hover{background:#22223a}.pair-item.active{background:#26264a}.pair-name{align-items:center;gap:7px;display:flex;overflow:hidden}.pair-icon{color:#fff;background:#5741d9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:flex}.pair-labels{flex-direction:column;display:flex;overflow:hidden}.pair-symbol{color:#e0e0f0;white-space:nowrap;font-size:12px;font-weight:600}.pair-volume{color:#555570;font-size:10px}.pair-price{color:#c8c8e0;text-align:right;font-variant-numeric:tabular-nums;font-size:11px}.pair-change{text-align:right;font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.pair-change.positive{color:#00c076}.pair-change.negative{color:#ff4d6a}.pair-fav{color:#335;cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:0 0 0 4px;font-size:12px;line-height:1;transition:color .15s}.pair-fav:hover{color:#aaa830}.pair-fav.active{color:gold}.sidebar-empty{text-align:center;color:#555570;padding:24px 12px;font-size:11px;line-height:1.6}.ticker-bar{background:#1c1c28;border-bottom:1px solid #2a2a3d;flex-shrink:0;align-items:center;gap:20px;padding:8px 16px;display:flex;overflow-x:auto}.ticker-bar::-webkit-scrollbar{height:3px}.ticker-bar::-webkit-scrollbar-thumb{background:#2a2a3d}.ticker-pair-name{flex-shrink:0;align-items:center;gap:10px;display:flex}.ticker-icon{color:#fff;background:#5741d9;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.ticker-symbol{color:#e0e0f0;font-size:16px;font-weight:700}.ticker-name{color:#555570;font-size:11px}.ticker-divider{background:#2a2a3d;flex-shrink:0;width:1px;height:36px}.ticker-price-wrap{flex-shrink:0}.ticker-price{color:#e0e0f0;font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;line-height:1}.ticker-change{margin-top:2px;font-size:12px;font-weight:500}.ticker-change.positive{color:#00c076}.ticker-change.negative{color:#ff4d6a}.ticker-stat{flex-direction:column;flex-shrink:0;gap:2px;display:flex}.stat-label{color:#555570;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;font-size:10px}.stat-value{color:#c0c0e0;font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.chart-container{background:#13131f;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.chart-toolbar{background:#1c1c28;border-bottom:1px solid #2a2a3d;flex-shrink:0;align-items:center;gap:12px;padding:8px 12px;display:flex}.chart-pair-info{align-items:center;gap:8px;display:flex}.chart-symbol{color:#e0e0f0;font-size:13px;font-weight:700}.chart-intervals{gap:2px;display:flex}.interval-btn{color:#88a;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:500;transition:all .15s}.interval-btn:hover{color:#ccc;background:#2a2a3d}.interval-btn.active{color:#5741d9;background:#5741d926}.chart-type-btns{gap:2px;margin-left:auto;display:flex}.chart-type-btn{color:#555570;cursor:pointer;background:0 0;border:1px solid #2a2a3d;border-radius:3px;padding:2px 8px;font-size:12px;transition:all .15s}.chart-type-btn:hover,.chart-type-btn.active{color:#5741d9;border-color:#5741d9}.chart-canvas{flex:1;min-height:0}.orderbook{background:#1c1c28;border-right:1px solid #2a2a3d;flex-direction:column;width:240px;min-width:240px;display:flex;overflow:hidden}.orderbook.loading{color:#555570;justify-content:center;align-items:center;font-size:13px}.orderbook-header{border-bottom:1px solid #2a2a3d;justify-content:space-between;align-items:center;padding:10px 10px 8px;display:flex}.ob-title{color:#e0e0f0;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.ob-controls{gap:2px;display:flex}.ob-btn{color:#555570;cursor:pointer;background:0 0;border:1px solid #2a2a3d;border-radius:3px;justify-content:center;align-items:center;width:24px;height:20px;font-size:12px;transition:all .15s;display:flex}.ob-btn.active,.ob-btn:hover{color:#5741d9;border-color:#5741d9}.ob-col-headers{color:#555570;text-transform:uppercase;letter-spacing:.4px;grid-template-columns:1fr 1fr 1fr;padding:4px 8px;font-size:10px;display:grid}.ob-col-headers span:last-child,.ob-col-headers span:nth-child(2){text-align:right}.ob-asks,.ob-bids{overflow:hidden}.ob-row{cursor:pointer;grid-template-columns:1fr 1fr 1fr;padding:2px 8px;transition:opacity .1s;display:grid;position:relative}.ob-row:hover{opacity:.8}.ob-depth-bar{opacity:.15;pointer-events:none;height:100%;transition:width .3s;position:absolute;top:0;right:0}.ask-bar{background:#ff4d6a}.bid-bar{background:#00c076}.ob-price{font-variant-numeric:tabular-nums;font-size:12px;font-weight:500;position:relative}.ob-amount,.ob-total{color:#9090b0;text-align:right;font-variant-numeric:tabular-nums;font-size:11px;position:relative}.ask-price{color:#ff4d6a}.bid-price{color:#00c076}.ob-spread{border-top:1px solid #2a2a3d;border-bottom:1px solid #2a2a3d;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;display:flex}.ob-last-price{font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:16px;font-weight:700;display:flex}.ob-last-price.up{color:#00c076}.ob-last-price.up:after{content:"▲";font-size:10px}.ob-last-price.down{color:#ff4d6a}.ob-last-price.down:after{content:"▼";font-size:10px}.ob-spread-val{color:#555570;font-size:10px}.trade-history{background:#1c1c28;border-left:1px solid #2a2a3d;flex-direction:column;width:240px;min-width:240px;display:flex;overflow:hidden}.th-header{border-bottom:1px solid #2a2a3d;align-items:center;padding:10px 10px 8px;display:flex}.th-title{color:#e0e0f0;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.th-col-headers{color:#555570;text-transform:uppercase;letter-spacing:.4px;grid-template-columns:1fr 1fr 1fr;padding:4px 8px;font-size:10px;display:grid}.th-col-headers span:last-child,.th-col-headers span:nth-child(2){text-align:right}.th-list{flex:1;overflow-y:auto}.th-list::-webkit-scrollbar{width:4px}.th-list::-webkit-scrollbar-thumb{background:#2a2a3d;border-radius:2px}.th-row{border-bottom:1px solid #ffffff05;grid-template-columns:1fr 1fr 1fr;padding:3px 8px;font-size:11px;display:grid}.th-price{font-variant-numeric:tabular-nums;font-weight:500}.th-price.positive{color:#00c076}.th-price.negative{color:#ff4d6a}.th-amount{color:#9090b0;text-align:right;font-variant-numeric:tabular-nums}.th-time{color:#555570;text-align:right;font-variant-numeric:tabular-nums;font-size:10px}.order-form{background:#1c1c28;border-left:1px solid #2a2a3d;flex-direction:column;width:280px;min-width:280px;display:flex;overflow-y:auto}.order-form::-webkit-scrollbar{width:4px}.order-form::-webkit-scrollbar-thumb{background:#2a2a3d;border-radius:2px}.of-side-tabs{border-bottom:1px solid #2a2a3d;display:flex}.of-side-btn{cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:12px;font-size:14px;font-weight:600;transition:all .15s}.of-side-btn.buy{color:#88a}.of-side-btn.buy.active{color:#00c076;border-bottom-color:#00c076}.of-side-btn.buy:hover{color:#00c076;background:#00c0760d}.of-side-btn.sell{color:#88a}.of-side-btn.sell.active{color:#ff4d6a;border-bottom-color:#ff4d6a}.of-side-btn.sell:hover{color:#ff4d6a;background:#ff4d6a0d}.of-type-select{border-bottom:1px solid #2a2a3d;flex-wrap:wrap;gap:4px;padding:10px 12px;display:flex}.of-type-btn{color:#88a;cursor:pointer;background:0 0;border:1px solid #2a2a3d;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .15s}.of-type-btn:hover{color:#ccc;border-color:#5741d9}.of-type-btn.active{color:#a090ff;background:#5741d926;border-color:#5741d9}.of-body{flex-direction:column;gap:10px;padding:12px;display:flex}.of-balance{background:#13131f;border:1px solid #2a2a3d;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.of-balance-label{color:#555570;font-size:11px}.of-balance-val{color:#c0c0e0;font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.of-field{flex-direction:column;gap:4px;display:flex}.of-label{color:#555570;text-transform:uppercase;letter-spacing:.4px;font-size:11px}.of-input-wrap{align-items:center;display:flex;position:relative}.of-input{color:#e0e0f0;box-sizing:border-box;font-variant-numeric:tabular-nums;background:#13131f;border:1px solid #2a2a3d;border-radius:6px;outline:none;width:100%;padding:8px 40px 8px 10px;font-size:13px;transition:border-color .15s}.of-input:focus{border-color:#5741d9}.of-input::placeholder{color:#3a3a5a}.of-input[readonly]{color:#88a}.of-input-suffix{color:#555570;pointer-events:none;font-size:11px;position:absolute;right:10px}.of-pct-row{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.of-pct-btn{color:#88a;cursor:pointer;background:#13131f;border:1px solid #2a2a3d;border-radius:4px;padding:4px;font-size:11px;transition:all .15s}.of-pct-btn:hover,.of-pct-btn.active{color:#a090ff;background:#5741d91a;border-color:#5741d9}.of-fee-row{color:#555570;justify-content:space-between;padding:0 2px;font-size:11px;display:flex}.of-submit{cursor:pointer;border:none;border-radius:8px;margin-top:4px;padding:12px;font-size:14px;font-weight:700;transition:all .15s}.of-submit.buy{color:#fff;background:#00c076}.of-submit.buy:hover{background:#00d688}.of-submit.sell{color:#fff;background:#ff4d6a}.of-submit.sell:hover{background:#ff6680}.of-submit-guest{color:#a090ff;cursor:pointer;background:#13131f;border:1px dashed #5741d9;border-radius:8px;margin-top:4px;padding:12px;font-size:14px;font-weight:600;transition:all .15s}.of-submit-guest:hover{background:#5741d926}.of-feedback{border-radius:6px;padding:8px 12px;font-size:12px;font-weight:500}.of-feedback.ok{color:#00c076;background:#00c0761a;border:1px solid #00c0764d}.of-feedback.err{color:#ff4d6a;background:#ff4d6a1a;border:1px solid #ff4d6a4d}.open-orders{background:#1c1c28;border-top:1px solid #2a2a3d;flex-direction:column;flex-shrink:0;height:200px;display:flex;overflow:hidden}.open-orders.empty-state{color:#555570;justify-content:center;align-items:center;font-size:13px}.oo-tabs{border-bottom:1px solid #2a2a3d;flex-shrink:0;display:flex}.oo-tabs button{color:#88a;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:5px;margin-bottom:-1px;padding:8px 16px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.oo-tabs button.active{color:#fff;border-bottom-color:#5741d9}.oo-tabs button:hover{color:#ccc}.oo-badge{color:#fff;background:#5741d9;border-radius:10px;padding:1px 5px;font-size:9px;font-weight:700}.oo-content{flex:1;overflow-y:auto}.oo-content::-webkit-scrollbar{width:4px}.oo-content::-webkit-scrollbar-thumb{background:#2a2a3d;border-radius:2px}.oo-empty{color:#555570;justify-content:center;align-items:center;height:100%;font-size:12px;display:flex}.oo-table{border-collapse:collapse;width:100%;font-size:11px}.oo-table th{text-align:left;color:#555570;text-transform:uppercase;letter-spacing:.4px;background:#1c1c28;border-bottom:1px solid #2a2a3d;padding:4px 10px;font-size:10px;position:sticky;top:0}.oo-table td{color:#c0c0e0;font-variant-numeric:tabular-nums;border-bottom:1px solid #ffffff08;padding:5px 10px}.oo-side.buy{color:#00c076;font-weight:600}.oo-side.sell{color:#ff4d6a;font-weight:600}.oo-type{color:#88a;text-transform:capitalize}.oo-filled{color:#5741d9}.oo-status.filled{color:#00c076}.oo-status.cancelled,.oo-date{color:#555570}.oo-cancel{color:#ff4d6a;cursor:pointer;background:0 0;border:1px solid #3a3a5c;border-radius:3px;padding:2px 8px;font-size:10px;transition:all .15s}.oo-cancel:hover{background:#ff4d6a1a;border-color:#ff4d6a}.oo-cancel:disabled{opacity:.4;cursor:not-allowed}.oo-balances{flex-wrap:wrap;gap:6px;padding:10px;display:flex}.oo-balance-row{background:#13131f;border:1px solid #2a2a3d;border-radius:6px;align-items:center;gap:8px;min-width:140px;padding:6px 10px;display:flex}.oo-balance-icon{color:#fff;background:#5741d9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:flex}.oo-balance-info{flex-direction:column;flex:1;display:flex}.oo-balance-currency{color:#e0e0f0;font-size:11px;font-weight:600}.oo-balance-locked{color:#88a;font-size:9px}.oo-balance-amount{color:#c0c0e0;font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:#1c1c28;border:1px solid #2a2a3d;border-radius:12px;width:400px;max-width:95vw;padding:32px;position:relative}.modal-close{color:#555570;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:16px;transition:color .15s;position:absolute;top:16px;right:16px}.modal-close:hover{color:#ccc}.modal-logo{color:#fff;justify-content:center;align-items:center;gap:10px;margin-bottom:24px;font-size:22px;font-weight:700;display:flex}.modal-tabs{border-bottom:1px solid #2a2a3d;margin-bottom:24px;display:flex}.modal-tabs button{color:#88a;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:10px;font-size:14px;font-weight:500;transition:all .15s}.modal-tabs button.active{color:#fff;border-bottom-color:#5741d9}.modal-tabs button:hover{color:#ccc}.modal-form{flex-direction:column;gap:16px;display:flex}.modal-field{flex-direction:column;gap:6px;display:flex}.modal-field label{color:#88a;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.modal-field input{color:#e0e0f0;background:#13131f;border:1px solid #2a2a3d;border-radius:6px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .15s}.modal-field input:focus{border-color:#5741d9}.modal-field input::placeholder{color:#3a3a5a}.modal-error{color:#ff4d6a;background:#ff4d6a1a;border:1px solid #ff4d6a4d;border-radius:6px;padding:10px 12px;font-size:13px}.modal-submit{color:#fff;cursor:pointer;background:#5741d9;border:none;border-radius:8px;margin-top:4px;padding:12px;font-size:15px;font-weight:600;transition:background .15s}.modal-submit:hover:not(:disabled){background:#6952ea}.modal-submit:disabled{opacity:.6;cursor:not-allowed}.modal-note{text-align:center;color:#555570;font-size:12px}.modal-note strong{color:#00c076}.modal-pw-wrap{align-items:center;display:flex;position:relative}.modal-pw-wrap input{width:100%;padding-right:40px!important}.modal-pw-toggle{color:#555570;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:flex;position:absolute;right:10px}.modal-pw-toggle:hover{color:#ccc}.modal-pw-strength{align-items:center;gap:8px;margin-top:6px;display:flex}.modal-pw-bars{flex:1;gap:4px;display:flex}.modal-pw-bar{border-radius:2px;flex:1;height:3px;transition:background .2s}.modal-pw-label{text-align:right;min-width:42px;font-size:11px;font-weight:500}.modal-pw-hints{flex-direction:column;gap:2px;margin-top:4px;display:flex}.modal-pw-hints span{font-size:11px;transition:color .2s}.hint-ok{color:#00c076}.hint-ok:before{content:"✓ "}.hint-off{color:#555570}.hint-off:before{content:"○ "}.modal-forgot{text-align:right;margin-top:-8px}.modal-forgot a{color:#88a;font-size:12px;text-decoration:none;transition:color .15s}.modal-forgot a:hover{color:#a090ff}.modal-terms{cursor:pointer;align-items:flex-start;gap:8px;display:flex}.modal-terms input[type=checkbox]{accent-color:#5741d9;cursor:pointer;flex-shrink:0;width:14px;height:14px;margin-top:2px}.modal-terms span{color:#88a;font-size:12px;line-height:1.5}.modal-terms a{color:#a090ff;text-decoration:none}.modal-terms a:hover{text-decoration:underline}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{color:#e0e0f0;background:#13131f;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.connection-banner{color:#a090ff;text-align:center;background:#5741d926;border-bottom:1px solid #5741d94d;flex-shrink:0;padding:4px 12px;font-size:11px}.app-body{flex:1;min-height:0;display:flex;overflow:hidden}.trading-area{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.trading-main{flex:1;min-height:0;display:flex;overflow:hidden}.chart-and-orders{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.right-panel{border-left:1px solid #2a2a3d;flex-direction:column;width:280px;min-width:280px;display:flex;overflow:hidden}.right-panel>.order-form{border-bottom:1px solid #2a2a3d;flex:none;max-height:60%;overflow-y:auto}.right-panel>.trade-history{flex:1;overflow:hidden}