/* ===== Backtest Modal (reuse general modal) ===== */
.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px);z-index:2200;align-items:center;justify-content:center;padding:20px}
.modal{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;max-width:90vw;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 24px 80px rgba(0,0,0,0.5)}
.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:var(--text)}
/* ===== User Settings Modal ===== */
.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);z-index:2000;align-items:center;justify-content:center;padding:20px}
.modal-overlay.show{display:flex}
.modal-content{width:460px;max-width:calc(100vw - 24px);max-height:85vh;overflow-y:auto;background:rgba(17,24,39,0.95);border:1px solid var(--border);border-radius:16px;padding:28px;position:relative}
.modal-close{position:absolute;top:12px;right:16px;font-size:24px;color:var(--text3);cursor:pointer;background:none;border:none;transition:color .2s;line-height:1}
.modal-close:hover{color:var(--text)}
.modal-title{font-size:20px;font-weight:700;margin-bottom:18px;background:linear-gradient(135deg,var(--gold),var(--green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.modal-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:18px;padding-bottom:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.modal-tabs::-webkit-scrollbar{display:none}
.modal-tab{flex:1 0 auto;min-width:68px;padding:8px 10px;font-size:12px;line-height:1.2;white-space:nowrap;color:var(--text2);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;background:none;border-top:none;border-left:none;border-right:none;text-align:center}
.modal-tab:hover{color:var(--text)}
.modal-tab.active{color:var(--gold);border-bottom-color:var(--gold)}
.modal-tab-content{display:none}.modal-tab-content.active{display:block}
@media(max-width:480px){.modal-overlay{padding:12px}.modal-content{width:100%;padding:22px 18px}.modal-tab{min-width:62px;padding:8px 8px;font-size:12px}}