:root{font-family:Segoe UI,Tahoma,Arial,sans-serif;background:linear-gradient(145deg,#0f172a,#111827);color:#e5e7eb;min-height:100vh}body{margin:0}.page{max-width:480px;margin:0 auto;padding:16px}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(10,15,30,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000}.loader{position:relative;width:64px;height:64px}.loader:before,.loader:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent}.loader:before{border-top-color:#10b981;border-right-color:#2563eb;animation:spin 1s linear infinite}.loader:after{top:10px;right:10px;bottom:10px;left:10px;border-left-color:#10b981;border-bottom-color:#2563eb;animation:spin 1.4s linear reverse infinite;opacity:.7}@keyframes spin{to{transform:rotate(360deg)}}.settings-card{position:relative}.settings-header{display:flex;align-items:center;justify-content:space-between}.landing-link{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid #1f2937;background:#0b1224;color:#e5e7eb;text-decoration:none;transition:transform .2s ease,border-color .2s ease}.landing-link:hover{border-color:#2563eb;transform:translateY(-1px)}.landing-icon{font-size:16px}.settings-toast{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:220px;max-width:min(90%,360px);padding:10px 14px;border-radius:12px;background:#0b1224;border:1px solid #1f2937;font-size:13px;text-align:center;box-shadow:0 12px 30px #00000059;z-index:5;animation:toast-in .2s ease-out}.settings-toast.success{border-color:#10b981;color:#bbf7d0}.settings-toast.error{border-color:#f87171;color:#fecaca}@keyframes toast-in{0%{transform:translate(-50%,-58%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.title{font-size:20px;font-weight:700}.muted{color:#9ca3af;font-size:14px}.error{color:#f87171;font-size:14px;max-width:200px}.tabs{display:flex;gap:8px;margin-bottom:12px}.tab{flex:1;padding:10px;background:#1f2937;color:#e5e7eb;border:1px solid #374151;border-radius:10px;cursor:pointer}.tab.active{background:linear-gradient(90deg,#2563eb,#10b981);color:#fff;border-color:transparent}.card{background:#1f2937;border:1px solid #374151;border-radius:12px;padding:16px;box-shadow:0 10px 30px #0003}.card-title{font-weight:700;margin-bottom:12px}.balance-error{margin-bottom:12px;color:#f87171;font-size:13px}.balance-warning{margin-bottom:12px;color:#fbbf24;font-size:13px}.balance-row{display:flex;flex-direction:column;gap:4px}.balance-value{font-size:24px;font-weight:700}.spot-title{margin-top:16px;font-weight:600}.spot-list{margin-top:8px;display:flex;flex-direction:column;gap:8px}.spot-row{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:8px;padding:8px;background:#111827;border-radius:8px;font-size:14px}.spot-amount,.spot-value{text-align:right}.spot-value{color:#cbd5e1}.orders{display:flex;flex-direction:column;gap:8px}.order-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr) minmax(0,.9fr) minmax(0,.9fr) auto;align-items:center;gap:8px;padding:8px;background:#111827;border-radius:8px}.order-row>div{min-width:0}.order-symbol,.order-price,.order-qty{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-side.buy{color:#34d399}.order-side.sell{color:#f87171}.order-cancel{padding:6px 10px;border-radius:8px;border:1px solid #374151;background:#0b1224;color:#e5e7eb;cursor:pointer;font-size:12px}.order-cancel:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 420px){.order-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.order-cancel{grid-column:1 / -1;justify-self:end}}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field span{color:#cbd5e1;font-size:14px}.field-inline{flex-direction:row;align-items:center;justify-content:space-between}.language-options{display:flex;gap:8px;flex-wrap:wrap}.language-option{padding:6px 12px;border-radius:999px;border:1px solid #1f2937;background:#0b1224;color:#e5e7eb;cursor:pointer;font-weight:600}.language-option.active{background:linear-gradient(90deg,#2563eb,#10b981);color:#fff;border-color:transparent}.switch{position:relative;display:inline-block;width:46px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#0b1224;border:1px solid #1f2937;border-radius:999px;transition:.2s ease}.slider:before{content:"";position:absolute;height:20px;width:20px;left:2px;top:2px;background:#e5e7eb;border-radius:50%;transition:.2s ease}.switch input:checked+.slider{background:linear-gradient(90deg,#2563eb,#10b981);border-color:transparent}.switch input:checked+.slider:before{transform:translate(20px);background:#fff}.risk-options{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.risk-option{padding:8px 12px;border-radius:999px;border:1px solid #1f2937;background:#0b1224;color:#e5e7eb;cursor:pointer;font-weight:600}.risk-option.active{background:linear-gradient(90deg,#2563eb,#10b981);color:#fff;border-color:transparent}.risk-custom{display:flex;align-items:center;gap:6px}.risk-custom input{width:110px;padding:8px 10px}.risk-custom.active input{border-color:#10b981;box-shadow:0 0 0 1px #10b98159}.risk-custom input::-webkit-outer-spin-button,.risk-custom input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.risk-custom input[type=number]{-moz-appearance:textfield}.risk-unit{color:#cbd5e1;font-size:14px}.btn-spinner{display:inline-block;width:14px;height:14px;margin-right:8px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .8s linear infinite}input{padding:10px;background:#0b1224;border:1px solid #1f2937;border-radius:10px;color:#e5e7eb}button.primary{width:100%;padding:12px;background:linear-gradient(90deg,#2563eb,#10b981);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}main{min-height:360px}