*{margin:0;padding:0;box-sizing:border-box}.app{min-height:100vh;background:#0a0e27;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app.loading{display:flex;justify-content:center;align-items:center;font-size:1.5rem;color:#00d4ff}.header{background:#1a1f3a;border-bottom:1px solid #2a2f4a;padding:20px 40px;position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1800px;margin:0 auto;position:relative}.header-right{position:absolute;top:20px;right:40px;z-index:101}.header h1{font-size:1.8rem;background:linear-gradient(135deg,#00d4ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.balance-display{display:flex;gap:30px}.balance-item{display:flex;flex-direction:column;align-items:flex-end}.balance-label{font-size:.85rem;color:#8b8fa3;margin-bottom:4px}.balance-value{font-size:1.1rem;font-weight:600;color:#0f8}.header-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.language-selector{position:relative}.language-btn{background:#1a1f3a;border:1px solid #2a2f4a;border-radius:8px;padding:8px 12px;font-size:1.2rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.language-btn:hover{background:#2a2f4a;border-color:#00d4ff}.language-menu{position:absolute;top:calc(100% + 8px);right:0;background:#1a1f3a;border:1px solid #2a2f4a;border-radius:8px;padding:8px;min-width:180px;box-shadow:0 4px 12px #0000004d;z-index:1000;animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.language-option{width:100%;padding:10px 12px;background:transparent;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s;text-align:left;font-size:.9rem}.language-option:hover{background:#2a2f4a}.language-option.active{background:#00d4ff33;border:1px solid #00d4ff}.language-flag{font-size:1.2rem;width:24px;text-align:center}.language-name{flex:1}.user-select-wrapper{display:flex;flex-direction:column;gap:5px}.user-select-label{font-size:.85rem;color:#8b8fa3}.user-select{padding:8px 12px;background:#1a1f3a;border:1px solid #2a2f4a;border-radius:6px;color:#fff;font-size:.9rem;cursor:pointer;min-height:36px}.user-select:focus{outline:none;border-color:#00d4ff}.main{padding:30px;max-width:1800px;margin:0 auto}.trading-container{display:grid;grid-template-columns:280px 1fr 350px;gap:20px}.left-panel{display:flex;flex-direction:column;gap:20px}.pairs-section{background:#1a1f3a;border:1px solid #2a2f4a;border-radius:12px;padding:20px}.pairs-section h2{font-size:1.1rem;color:#00d4ff;margin-bottom:15px;font-weight:600}.pairs-list{display:flex;flex-direction:column;gap:8px}.pair-item{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:12px;background:#0f1425;border:1px solid #2a2f4a;border-radius:8px;cursor:pointer;transition:all .2s;align-items:center}.pair-item:hover{background:#151a2e;border-color:#00d4ff}.pair-item.active{background:#151a2e;border-color:#00d4ff;box-shadow:0 0 10px #00d4ff4d}.pair-symbol{font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}.coin-icon{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0;display:inline-block;vertical-align:middle}.coin-icon-inline{width:20px;height:20px;border-radius:50%;object-fit:cover;display:inline-block;vertical-align:middle;margin:0 4px}.pair-price{color:#0f8;font-weight:600}.pair-change{font-size:.85rem;font-weight:600;padding:2px 6px;border-radius:4px}.pair-change.positive{color:#0f8;background:#00ff881a}.pair-change.negative{color:#ff4757;background:#ff47571a}.current-price-display{margin-top:20px;padding-top:20px;border-top:1px solid #2a2f4a;text-align:center}.current-price-label{font-size:.85rem;color:#8b8fa3;margin-bottom:8px}.current-price-value{font-size:1.8rem;font-weight:700;color:#00d4ff;margin-bottom:8px}.current-change{font-size:.9rem;font-weight:600}.current-change.positive{color:#0f8}.current-change.negative{color:#ff4757}.center-panel{display:flex;flex-direction:column}.trading-section{background:#1a1f3a;border:1px solid #2a2f4a;border-radius:12px;padding:25px;height:fit-content}.trading-tabs{display:flex;gap:10px;margin-bottom:25px}.tab{flex:1;padding:12px;background:#0f1425;border:1px solid #2a2f4a;border-radius:8px;color:#8b8fa3;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.tab:hover{background:#151a2e}.tab.active.buy{background:#0f83;border-color:#0f8;color:#0f8}.tab.active.sell{background:#ff475733;border-color:#ff4757;color:#ff4757}.trading-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#8b8fa3;font-size:.9rem;font-weight:500}.input-with-button,.input-with-buttons{display:flex;gap:10px}.input-with-button input,.input-with-buttons input{flex:1;padding:12px;background:#0f1425;border:1px solid #2a2f4a;border-radius:8px;color:#fff;font-size:1rem;transition:border-color .2s}.input-with-button input:focus,.input-with-buttons input:focus{outline:none;border-color:#00d4ff}.btn-secondary{padding:12px 20px;background:#2a2f4a;border:1px solid #3a3f5a;border-radius:8px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-secondary:hover{background:#3a3f5a}.percentage-buttons{display:flex;gap:5px}.percentage-buttons button{padding:12px 15px;background:#2a2f4a;border:1px solid #3a3f5a;border-radius:8px;color:#fff;font-size:.85rem;cursor:pointer;transition:all .2s}.percentage-buttons button:hover{background:#3a3f5a;border-color:#00d4ff}.form-summary{padding:15px;background:#0f1425;border:1px solid #2a2f4a;border-radius:8px}.summary-row{display:flex;justify-content:space-between;color:#8b8fa3;font-size:.95rem}.summary-row span:last-child{color:#fff;font-weight:600}.submit-btn{padding:16px;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s}.submit-btn.buy{background:linear-gradient(135deg,#0f8,#00d4ff);color:#0a0e27}.submit-btn.buy:hover{transform:translateY(-2px);box-shadow:0 5px 20px #0f86}.submit-btn.sell{background:linear-gradient(135deg,#ff4757,#ff6b7a);color:#fff}.submit-btn.sell:hover{transform:translateY(-2px);box-shadow:0 5px 20px #ff475766}.right-panel{display:flex;flex-direction:column}.orders-section{background:#1a1f3a;border:1px solid #2a2f4a;border-radius:12px;padding:20px}.orders-section h2{font-size:1.1rem;color:#00d4ff;margin-bottom:15px;font-weight:600}.orders-list{display:flex;flex-direction:column;gap:12px;max-height:600px;overflow-y:auto}.orders-list::-webkit-scrollbar{width:6px}.orders-list::-webkit-scrollbar-track{background:#0f1425;border-radius:3px}.orders-list::-webkit-scrollbar-thumb{background:#2a2f4a;border-radius:3px}.no-orders{text-align:center;color:#8b8fa3;padding:40px 20px}.order-item{background:#0f1425;border:1px solid #2a2f4a;border-radius:8px;padding:12px;transition:all .2s}.order-item:hover{border-color:#00d4ff;background:#151a2e}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.order-type{padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:600}.order-type.buy{background:#0f83;color:#0f8}.order-type.sell{background:#ff475733;color:#ff4757}.order-symbol{font-weight:600;color:#fff;display:flex;align-items:center;gap:6px}.order-details{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:#8b8fa3}.order-time{margin-top:4px;font-size:.75rem;color:#5a5f73}@media (max-width: 1400px){.trading-container{grid-template-columns:260px 1fr 320px}}@media (max-width: 1200px){.trading-container{grid-template-columns:1fr}.left-panel,.right-panel{display:grid;grid-template-columns:1fr 1fr}}@media (max-width: 768px){.header{padding:15px 20px}.header-content{flex-direction:column;gap:15px;align-items:stretch}.header h1{font-size:1.4rem;text-align:center}.header-actions{flex-direction:column;gap:15px;width:100%}.header-right{top:15px;right:20px}.language-menu{right:0;left:auto}.user-select-wrapper{width:100%}.user-select{width:100%;padding:12px;font-size:1rem;min-height:44px}.balance-display{width:100%;justify-content:space-between;gap:15px;flex-wrap:wrap}.balance-item{flex:1;min-width:80px;align-items:center}.balance-label{font-size:.75rem}.balance-value{font-size:1rem}.main{padding:10px}.trading-container{grid-template-columns:1fr;gap:15px}.left-panel,.right-panel{grid-template-columns:1fr}.pairs-section,.orders-section,.trading-section{padding:15px;border-radius:10px}.pairs-section h2,.orders-section h2{font-size:1rem;margin-bottom:12px}.pair-item{padding:10px;font-size:.9rem}.pair-price{font-size:.9rem}.current-price-value{font-size:1.4rem}.trading-tabs{gap:8px}.tab{padding:14px;font-size:1rem}.form-group{gap:10px}.input-with-button input,.input-with-buttons input{padding:14px;font-size:1rem}.btn-secondary{padding:14px 16px;font-size:.9rem}.percentage-buttons button{padding:10px 12px;font-size:.8rem}.submit-btn{padding:16px;font-size:1rem}.order-item{padding:10px}.order-details{font-size:.8rem}.pair-item,.tab,.submit-btn,.btn-secondary,.percentage-buttons button{min-height:44px;-webkit-tap-highlight-color:rgba(0,212,255,.2)}select,input,button{touch-action:manipulation}}@media (max-width: 480px){.header{padding:12px 15px}.header h1{font-size:1.2rem}.header-right{top:12px;right:15px}.main{padding:8px}.pairs-section,.orders-section,.trading-section{padding:12px}.balance-display{gap:10px}.balance-item{min-width:70px}.balance-label{font-size:.7rem}.balance-value{font-size:.9rem}.current-price-value{font-size:1.2rem}.pair-item{padding:8px;font-size:.85rem}.coin-icon{width:20px;height:20px}.coin-icon-inline{width:18px;height:18px}.tab{padding:12px;font-size:.9rem}.input-with-button input,.input-with-buttons input{padding:12px;font-size:.95rem}}body{margin:0;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;background:#0a0e27;color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}