:root{--bg: #0b0f14;--panel: #111821;--panel2: #0f1620;--text: #e6edf3;--muted: #93a4b7;--border: #1f2a37;--green: #1db954;--red: #e5484d;--blue: #4da3ff;--warning: #ffb020;--input: #0c131c}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}.app{max-width:520px;margin:0 auto;padding:14px 12px 24px}.row{display:flex;gap:10px;align-items:center}.space{justify-content:space-between}.muted{color:var(--muted);font-size:12px}.card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--border);border-radius:14px;padding:12px}.tabs{display:flex;gap:10px;margin-top:8px}.tab{padding:8px 10px;border-radius:10px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.tab.active{color:var(--text);background:#ffffff0f}.select,.input{background:var(--input);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:10px;outline:none}.select{padding-right:28px}.inputRow{display:flex;gap:10px}.inputWrap{flex:1}.label{font-size:12px;color:var(--muted);margin:10px 0 6px}.hint{font-size:12px;color:#ff6b6b;margin-top:6px}.btnRow{display:flex;gap:10px;margin-top:12px}.btn{flex:1;border:none;border-radius:14px;padding:14px 12px;font-weight:700;color:#fff;cursor:pointer}.btn.buy{background:linear-gradient(180deg,#24c56a,var(--green))}.btn.sell{background:linear-gradient(180deg,#ff666a,var(--red))}.btn:disabled{opacity:.55;cursor:not-allowed}.toggleRow{display:flex;flex-direction:column;gap:8px;margin-top:10px}.toggle{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:12px;border:1px solid var(--border);background:#ffffff08}.toggle input{width:18px;height:18px}.divider{height:1px;background:var(--border);margin:12px 0}.topBtn{background:#ffffff0f;border:1px solid var(--border);color:var(--text);border-radius:10px;padding:8px 10px;cursor:pointer}.badge{font-size:12px;color:var(--muted);border:1px solid var(--border);padding:4px 8px;border-radius:999px}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;padding:14px 12px}.modal{width:100%;max-width:520px;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--border);border-radius:16px;overflow:hidden}.modalHeader{padding:12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.modalBody{padding:12px}.list{max-height:520px;overflow:auto;border:1px solid var(--border);border-radius:12px}.listItem{padding:10px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer}.listItem:last-child{border-bottom:none}.pair{font-weight:700}.chgPos{color:#2dd4bf;font-weight:700;font-size:12px}.chgNeg{color:#ff6b6b;font-weight:700;font-size:12px}.positions{margin-top:12px}.posHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.posTable{width:100%;border:1px solid var(--border);border-radius:14px;overflow:hidden}.posRow{display:grid;grid-template-columns:1.2fr .8fr 1.1fr .9fr .9fr;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.posRow:last-child{border-bottom:none}.posHead{color:var(--muted);font-size:12px;background:#ffffff08}.posCellTitle{font-weight:800}.posCellSub{color:var(--muted);font-size:12px;margin-top:2px}.posPnlPos{color:#2dd4bf;font-weight:800}.posPnlNeg{color:#ff6b6b;font-weight:800}.miniBtn{background:#ffffff0f;border:1px solid var(--border);color:var(--text);border-radius:999px;padding:6px 10px;font-weight:800;cursor:pointer}.miniBtnRow{display:flex;gap:8px;justify-content:flex-end}.sliderRow{display:flex;gap:10px;align-items:center}.range{width:100%}