:root{--bg-color: #f8fafc;--text-color: #0f172a;--text-secondary: #64748b;--card-bg: #ffffff;--card-border: #e2e8f0;--input-bg: #ffffff;--input-border: #cbd5e1;--input-text: #0f172a;--btn-primary: #2563eb;--btn-primary-hover: #1d4ed8;--btn-danger: #ef4444;--btn-danger-hover: #dc2626;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--success-bg: rgba(34, 197, 94, .1);--success-text: #16a34a;--danger-bg: rgba(239, 68, 68, .1);--danger-text: #dc2626;--border-radius-lg: 16px;--border-radius-md: 8px;--border-radius-sm: 6px;--transition: all .2s ease-in-out}[data-theme=dark]{--bg-color: #0f172a;--text-color: #f8fafc;--text-secondary: #94a3b8;--card-bg: #1e293b;--card-border: #334155;--input-bg: #0f172a;--input-border: #475569;--input-text: #f8fafc;--btn-primary: #3b82f6;--btn-primary-hover: #2563eb;--btn-danger: #f87171;--btn-danger-hover: #ef4444;--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3)}.account-page{background-color:var(--bg-color);color:var(--text-color);height:100%;width:100%;flex:1;padding:32px;overflow-y:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:var(--transition);box-sizing:border-box}.account-container{max-width:900px;margin:0 auto;width:100%}.account-page *,.account-page *:before,.account-page *:after{box-sizing:border-box}.account-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.account-title{margin:0;font-size:24px;font-weight:700;color:var(--text-color)}.form-input{width:100%;padding:10px 12px;border-radius:var(--border-radius-sm);border:1px solid var(--input-border);background-color:var(--input-bg);color:var(--input-text);font-size:14px;transition:var(--transition)}.form-input:focus{outline:none;border-color:var(--btn-primary);box-shadow:0 0 0 3px #2563eb33}.accounts-list{display:flex;flex-direction:column;gap:24px}.account-item-header{display:flex;justify-content:space-between;align-items:flex-start}.account-name{font-weight:700;font-size:18px;margin-bottom:4px}.account-meta{font-size:13px;color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;margin-bottom:4px}.account-actions{display:flex;gap:12px}.positions-section{margin-top:24px;border-top:1px solid var(--card-border);padding-top:20px}.positions-title{font-weight:600;font-size:16px;margin-bottom:16px}.positions-list{display:flex;flex-direction:column;gap:12px}.position-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:#00000005;border-radius:var(--border-radius-md);border:1px solid var(--card-border);transition:var(--transition)}[data-theme=dark] .position-item{background-color:#ffffff05}.position-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--btn-primary)}.position-info{flex:1;padding-right:16px}.position-name{font-weight:500;font-size:15px;margin-bottom:10px;line-height:1.4;color:var(--text-color)}.position-details{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.badge{padding:4px 8px;border-radius:var(--border-radius-sm);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-yes{background-color:var(--success-bg);color:var(--success-text)}.badge-no{background-color:var(--danger-bg);color:var(--danger-text)}.price-range{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;font-weight:500;padding:4px 8px;border-radius:var(--border-radius-sm);background-color:var(--card-bg);border:1px solid var(--card-border)}.price-range.yes{color:var(--success-text)}.price-range.no{color:var(--danger-text)}.shares-amt{font-size:13px;color:var(--text-secondary)}.market-value{font-size:13px;color:var(--text-color);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:600}.position-pnl{display:flex;align-items:center;gap:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:15px;font-weight:600;text-align:right}.pnl-positive{color:var(--success-text)}.pnl-negative{color:var(--danger-text)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast-item{pointer-events:auto;cursor:pointer;padding:10px 20px;border-radius:8px;font-size:14px;box-shadow:0 4px 16px #0000004d;animation:toast-in .25s ease-out;max-width:400px;word-break:break-word}.toast-error{background:#d32f2f;color:#fff}.toast-info{background:#1976d2;color:#fff}.toast-success{background:#388e3c;color:#fff}.toast-exit{animation:toast-out .25s ease-in forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.copytrading-page{background-color:var(--bg-color);color:var(--text-color);height:100%;width:100%;flex:1;padding:32px;overflow-y:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:var(--transition);box-sizing:border-box}.copytrading-container,.copytrading-header-wrap,.configs-tab-content{max-width:900px;margin:0 auto;width:100%}.configs-tab-content--wide{max-width:100%}.copytrading-page *,.copytrading-page *:before,.copytrading-page *:after{box-sizing:border-box}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;font-size:14px;font-weight:500;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);border:none;outline:none;width:auto;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background-color:var(--btn-danger);color:#fff;box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){background-color:var(--btn-danger-hover);transform:translateY(-1px)}.btn-outline{background-color:transparent;color:var(--text-color);border:1px solid var(--card-border)}.btn-outline:hover:not(:disabled){background-color:#0000000d}[data-theme=dark] .btn-outline:hover:not(:disabled){background-color:#ffffff0d}.card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow-md);margin-bottom:24px;transition:var(--transition);min-width:700px}.form-group{margin-bottom:16px}.form-hint{display:block;font-size:12px;color:var(--text-secondary);margin-top:6px}.form-actions{display:flex;gap:12px;margin-top:24px}.error-msg{color:var(--btn-danger);font-size:14px;margin-bottom:16px}.configs-list{display:flex;flex-direction:column;gap:16px}.config-card{transition:var(--transition)}.config-card--disabled{opacity:.6}.config-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.config-info{flex:1}.config-addresses{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.address-row{display:flex;align-items:center;gap:12px}.address-label{font-size:13px;color:var(--text-secondary);min-width:60px}.address-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:14px;font-weight:600;color:var(--text-color)}.config-meta{display:flex;flex-wrap:nowrap;gap:12px;align-items:center;font-size:12px}.meta-item{font-size:13px;color:var(--text-secondary);white-space:nowrap}.meta-item strong{color:var(--text-color)}.config-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.position-history-panel{margin-top:20px;padding-top:18px;border-top:1px solid var(--card-border)}.position-history-controls{display:flex;flex-direction:column;gap:10px}.ph-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ph-label{font-size:12px;color:var(--text-secondary);flex-shrink:0;min-width:36px}.ph-filter-buttons{display:flex;gap:4px;flex-shrink:0}.ph-filter-buttons .btn-sm,.ph-row .btn-sm{padding:4px 10px;font-size:12px;border-radius:4px}.ph-row .btn-secondary{background-color:transparent;color:var(--text-color);border:1px solid var(--input-border)}.ph-row .btn-secondary:hover{background-color:#0000000d}[data-theme=dark] .ph-row .btn-secondary:hover{background-color:#ffffff0d}.ph-pill{padding:4px 10px;font-size:12px;border-radius:4px;border:1px solid var(--input-border);background:transparent;color:var(--text-color);cursor:pointer;transition:var(--transition)}.ph-pill:hover{border-color:var(--btn-primary)}.ph-pill--active{background:var(--btn-primary);border-color:var(--btn-primary);color:#fff}.ph-asset-select{flex:1;min-width:200px}.form-input--sm{width:120px;padding:4px 8px;font-size:12px}.range-sep{font-size:12px;color:var(--text-secondary)}.position-history-check{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-color);white-space:nowrap;margin-left:auto}.position-history-chart{width:100%;height:340px;margin-top:16px}.position-history-chart-canvas{width:100%;height:100%;min-height:340px}.position-history-chart-error{margin-top:-340px;min-height:340px;display:flex;align-items:center;justify-content:center;color:var(--danger-text);pointer-events:none}.position-history-empty{margin-top:16px;padding:20px;border:1px dashed var(--card-border);border-radius:var(--border-radius-md);color:var(--text-secondary);text-align:center}.empty-state{text-align:center;color:var(--text-secondary);padding:60px 20px;font-size:16px}.empty-hint{font-size:14px;margin-top:8px}.ratio-text{cursor:pointer;padding:2px 6px;border-radius:4px;transition:background-color .2s}.ratio-text:hover{background-color:var(--card-border)}.price-anchor{position:relative}.price-popover{position:absolute;top:100%;left:0;z-index:100;margin-top:4px;padding:8px 10px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;gap:6px;white-space:nowrap}.price-popover-row{display:flex;align-items:center;gap:6px}.price-popover-row label{font-size:12px;width:28px;color:var(--text-secondary)}.price-popover-row input{width:72px;padding:3px 6px;border:1px solid var(--btn-primary);border-radius:4px;font-size:13px;background-color:var(--input-bg);color:var(--input-text)}.price-popover-actions{display:flex;justify-content:flex-end;gap:4px}.btn-save,.btn-cancel{background:transparent;border:none;cursor:pointer;font-size:12px;padding:2px 4px;border-radius:4px}.btn-save{color:var(--success-text)}.btn-save:hover{background-color:var(--success-bg)}.btn-cancel{color:var(--danger-text)}.btn-cancel:hover{background-color:var(--danger-bg)}.leader-table{display:flex;flex-direction:column;gap:0}.leader-table-header{display:grid;grid-template-columns:1fr 120px 120px 140px;gap:16px;padding:8px 12px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--card-border);margin-bottom:4px}.leader-table-row{display:grid;grid-template-columns:1fr 120px 120px 140px;gap:16px;padding:12px;align-items:center;border-radius:var(--border-radius-sm);transition:background-color .15s}.leader-table-header>span:nth-child(1),.leader-table-row>div:nth-child(1){text-align:left;min-width:0;box-sizing:border-box;width:100%}.leader-table-header>span:nth-child(4){text-align:right;width:100%}.leader-table-row>div:nth-child(4){text-align:right}.leader-table-header>span:nth-child(2),.leader-table-header>span:nth-child(3){text-align:center;min-width:0;box-sizing:border-box;width:120px}.leader-table-row>span:nth-child(2),.leader-table-row>span:nth-child(3){text-align:center;min-width:0;box-sizing:border-box;width:120px}.leader-table-row:hover{background-color:#00000008}[data-theme=dark] .leader-table-row:hover{background-color:#ffffff0a}.leader-table-row+.leader-table-row{border-top:1px solid var(--card-border)}.copy-trading-split{display:flex;gap:16px;width:100%}.copy-trading-split .configs-list{flex:1;min-width:0}.copy-trading-split.split-active .configs-list--narrow{flex:0 0 42%;max-height:calc(100vh - 160px);overflow-y:auto}.config-card--selected{border-color:var(--btn-primary);box-shadow:0 0 0 1px var(--btn-primary)}.chart-panel{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}.chart-panel-header{display:flex;align-items:center;gap:10px}.chart-panel-header .form-select{flex:1;min-width:0}.chart-panel-chart{border:1px solid var(--card-border);border-radius:var(--border-radius-md);padding:8px}.pnl-container{display:flex;flex-direction:column;width:100%;height:100%;padding:24px;box-sizing:border-box;overflow:hidden}.pnl-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-shrink:0}.pnl-summary{display:flex;flex-direction:column;gap:4px}.pnl-tab-switcher{display:flex;gap:0;margin-bottom:8px;border-radius:6px;overflow:hidden;border:1px solid #e2e8f0;width:fit-content}.dark .pnl-tab-switcher{border-color:#334155}.pnl-tab-btn{padding:5px 14px;font-size:13px;font-weight:500;border:none;background:transparent;cursor:pointer;color:#64748b;transition:all .15s}.dark .pnl-tab-btn{color:#94a3b8}.pnl-tab-btn.active{background:#2563eb;color:#fff}.dark .pnl-tab-btn.active{background:#3b82f6}.pnl-label{font-size:14px;color:#64748b}.dark .pnl-label{color:#94a3b8}.pnl-value{font-size:28px;font-weight:700;font-family:monospace}.pnl-value.positive{color:#22c55e}.pnl-value.negative{color:#ef4444}.pnl-range-selector{display:flex;gap:4px;background:#f1f5f9;border-radius:8px;padding:4px}.dark .pnl-range-selector{background:#1e293b}.range-btn{padding:6px 14px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;background:transparent;color:#64748b;transition:all .15s}.dark .range-btn{color:#94a3b8}.range-btn:hover{background:#e2e8f0}.dark .range-btn:hover{background:#334155}.range-btn.active{background:#fff;color:#0f172a;box-shadow:0 1px 3px #0000001a}.dark .range-btn.active{background:#475569;color:#f8fafc}.pnl-chart-wrapper{flex:1;position:relative;min-height:0}.pnl-chart-canvas{width:100%;height:100%;display:block;cursor:crosshair}.pnl-crosshair-v{position:absolute;top:0;bottom:0;width:1px;background:#94a3b880;pointer-events:none}.pnl-crosshair-h{position:absolute;left:0;right:0;height:1px;background:#94a3b880;pointer-events:none}.pnl-tooltip{position:absolute;transform:translate(-50%,-120%);background:#0f172ae6;color:#f8fafc;padding:6px 10px;border-radius:6px;font-size:12px;font-family:monospace;white-space:nowrap;pointer-events:none;z-index:10}.dark .pnl-tooltip{background:#f8fafce6;color:#0f172a}.pnl-tooltip-time{color:#94a3b8;font-size:11px;margin-bottom:2px}.dark .pnl-tooltip-time{color:#64748b}.pnl-account-filter{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;flex-shrink:0}.pnl-account-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:16px;font-size:12px;font-weight:500;cursor:pointer;border:1.5px solid #e2e8f0;background:transparent;color:#64748b;transition:all .15s;-webkit-user-select:none;user-select:none}.dark .pnl-account-chip{border-color:#334155;color:#94a3b8}.pnl-account-chip.active{background:#ffffff0d;color:#0f172a}.dark .pnl-account-chip.active{background:#ffffff14;color:#f8fafc}.pnl-account-chip input[type=checkbox]{display:none}.pnl-chip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pnl-chip-name{font-size:12px}.pnl-chip-pnl{font-size:11px;font-weight:700;font-family:monospace}.pnl-tooltip-row{display:flex;align-items:center;gap:6px;font-size:12px;margin-top:2px}.pnl-tooltip-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.pnl-tooltip-label{opacity:.8;font-size:11px}.pnl-tooltip-val{font-weight:700;margin-left:auto}.pnl-loading,.pnl-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;color:#94a3b8}.pnl-adj-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.pnl-adj-modal{background:#fff;border-radius:12px;padding:24px;min-width:320px;box-shadow:0 8px 32px #0003}.dark .pnl-adj-modal{background:#1e293b;color:#f8fafc}.pnl-adj-title{font-size:16px;font-weight:700;margin-bottom:12px}.pnl-adj-time{font-size:12px;color:#64748b;margin-bottom:16px}.dark .pnl-adj-time{color:#94a3b8}.pnl-adj-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;font-size:13px}.pnl-adj-field span{font-weight:500;color:#64748b}.dark .pnl-adj-field span{color:#94a3b8}.pnl-adj-field input,.pnl-adj-field select{padding:8px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;background:#f8fafc}.dark .pnl-adj-field input,.dark .pnl-adj-field select{background:#0f172a;border-color:#334155;color:#f8fafc}.pnl-adj-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.pnl-adj-btn{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer}.pnl-adj-btn.cancel{background:#e2e8f0;color:#475569}.dark .pnl-adj-btn.cancel{background:#334155;color:#94a3b8}.pnl-adj-btn.confirm{background:#3b82f6;color:#fff}.pnl-adj-list{margin-top:12px;flex-shrink:0;max-height:120px;overflow-y:auto}.pnl-adj-list-title{font-size:12px;font-weight:600;color:#64748b;margin-bottom:6px}.dark .pnl-adj-list-title{color:#94a3b8}.pnl-adj-item{display:flex;align-items:center;gap:8px;font-size:12px;padding:4px 0;border-bottom:1px solid #f1f5f9}.dark .pnl-adj-item{border-bottom-color:#1e293b}.pnl-adj-item-wallet{font-weight:500;min-width:60px}.pnl-adj-item-delta{font-family:monospace;font-weight:700}.pnl-adj-item-delta.positive{color:#22c55e}.pnl-adj-item-delta.negative{color:#ef4444}.pnl-adj-item-time{color:#94a3b8;font-size:11px}.pnl-adj-item-note{color:#64748b;font-size:11px;font-style:italic}.pnl-adj-item-del{margin-left:auto;background:none;border:none;color:#ef4444;font-size:16px;cursor:pointer;padding:0 4px;line-height:1}:root{--bg-color: #f8fafc;--text-color: #0f172a;--text-secondary: #64748b;--card-bg: #ffffff;--card-border: #e2e8f0;--btn-primary: #2563eb;--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)}[data-theme=dark]{--bg-color: #0f172a;--text-color: #f8fafc;--text-secondary: #94a3b8;--card-bg: #1e293b;--card-border: #334155;--btn-primary: #3b82f6;--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3)}.perf-page{background:var(--bg-color);color:var(--text-color);height:100%;width:100%;flex:1;padding:28px;overflow-y:auto;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.perf-page *,.perf-page *:before,.perf-page *:after{box-sizing:border-box}.perf-container{width:100%;min-height:calc(100% + 1px)}.perf-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;gap:16px}.perf-title{color:var(--text-color);font-size:24px;font-weight:700;margin:0}.perf-subtitle{color:var(--text-secondary);font-size:13px;margin-top:6px}.perf-header-actions{align-items:center;display:flex;gap:12px}.perf-conn{border-radius:999px;font-size:12px;font-weight:700;padding:6px 10px}.perf-conn.connected{background:#16a34a1f;color:#16a34a}.perf-conn.disconnected{background:#ef44441f;color:#ef4444}.perf-btn{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:6px;color:var(--text-color);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;justify-content:center;min-height:34px;padding:7px 12px}.perf-btn:disabled{cursor:not-allowed;opacity:.5}.perf-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:20px;align-items:start}.perf-services{display:flex;flex-direction:column;gap:18px;min-width:0}.perf-section,.perf-detail{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;box-shadow:var(--shadow-md)}.perf-section{padding:18px}.perf-section-head,.perf-detail-head{align-items:center;display:flex;justify-content:space-between;gap:12px}.perf-section-head{margin-bottom:14px}.perf-section-head h3,.perf-detail-head h3{color:var(--text-color);font-size:16px;margin:0}.perf-section-head span,.perf-detail-head span,.detail-label{color:var(--text-secondary);font-size:12px}.perf-cache-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.perf-cache-card{background:transparent;border:1px solid var(--card-border);border-radius:8px;color:var(--text-color);cursor:pointer;display:grid;gap:8px;min-height:106px;padding:12px;text-align:left}.perf-cache-card.active{border-color:var(--btn-primary);box-shadow:0 0 0 2px #2563eb2e}.cache-name{color:var(--text-secondary);font-size:12px;font-weight:700;text-transform:uppercase}.perf-cache-card strong{font-size:28px;line-height:1}.cache-meta{color:var(--text-secondary);display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.perf-detail{display:flex;flex-direction:column;max-height:calc(100vh - 150px);min-width:0;overflow:hidden;padding:18px;position:sticky;top:0}.perf-items-scroll{display:flex;flex-direction:column;flex:1;gap:8px;margin-top:14px;overflow-y:auto;min-height:0}.perf-item{border:1px solid var(--card-border);border-radius:6px;padding:10px}.perf-json{color:var(--text-color);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;line-height:1.5;margin:0;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.perf-error,.perf-empty{color:var(--text-secondary);font-size:13px;padding:18px 0}.perf-error{color:#ef4444}.perf-pager{border-top:1px solid var(--card-border);display:flex;align-items:center;gap:10px;justify-content:center;margin-top:14px;padding-top:14px;flex-shrink:0}.perf-pager-info{color:var(--text-secondary);font-size:12px}@media (max-width: 1100px){.perf-layout{grid-template-columns:1fr}.perf-detail{max-height:none;position:static}.perf-items-scroll{max-height:520px}}:root{--bg-color: #f8fafc;--text-color: #0f172a;--text-secondary: #64748b;--link-color: #2563eb;--card-bg: #ffffff;--card-border: #e2e8f0;--input-bg: #ffffff;--input-border: #cbd5e1;--input-text: #0f172a;--btn-primary: #2563eb;--btn-primary-hover: #1d4ed8;--btn-danger: #ef4444;--btn-danger-hover: #dc2626;--btn-success: #16a34a;--btn-success-hover: #15803d;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--success-bg: rgba(34, 197, 94, .1);--success-text: #16a34a;--danger-bg: rgba(239, 68, 68, .1);--danger-text: #dc2626;--border-radius-lg: 16px;--border-radius-md: 8px;--border-radius-sm: 6px;--transition: all .2s ease-in-out}[data-theme=dark]{--bg-color: #0f172a;--text-color: #f8fafc;--text-secondary: #94a3b8;--link-color: #60a5fa;--card-bg: #1e293b;--card-border: #334155;--input-bg: #0f172a;--input-border: #475569;--input-text: #f8fafc;--btn-primary: #3b82f6;--btn-primary-hover: #2563eb;--btn-danger: #f87171;--btn-danger-hover: #ef4444;--btn-success: #22c55e;--btn-success-hover: #16a34a;--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3)}.users-page{background-color:var(--bg-color);color:var(--text-color);height:100%;width:100%;flex:1;padding:32px;overflow-y:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:var(--transition);box-sizing:border-box}.users-container{max-width:100%;margin:0 auto;width:100%}.users-page *,.users-page *:before,.users-page *:after{box-sizing:border-box}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-title{margin:0;font-size:24px;font-weight:700;color:var(--text-color)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;font-size:14px;font-weight:500;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);border:none;outline:none;width:auto;white-space:nowrap}.btn-primary{background-color:var(--btn-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background-color:var(--btn-primary-hover);transform:translateY(-1px)}.card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow-md);margin-bottom:24px;transition:var(--transition)}.card-title{margin:0 0 20px;font-size:18px;font-weight:700;color:var(--text-color)}.create-user-form{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.form-group{flex:1;min-width:200px}.form-label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:var(--text-color)}.form-input,.form-select{width:100%;padding:10px 12px;border-radius:var(--border-radius-sm);border:1px solid var(--input-border);background-color:var(--input-bg);color:var(--input-text);font-size:14px;transition:var(--transition)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--btn-primary);box-shadow:0 0 0 3px #2563eb33}.error-msg{color:var(--btn-danger);font-size:14px;margin-top:16px}.success-msg{color:var(--btn-success);font-size:14px;margin-top:16px}.users-list-table{display:flex;flex-direction:column}.users-table-header{display:grid;grid-template-columns:60px 1fr 80px 80px 240px;gap:16px;padding:12px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;border-bottom:1px solid var(--card-border)}.users-table-row{display:grid;grid-template-columns:60px 1fr 80px 80px 240px;gap:16px;padding:16px 12px;align-items:center;transition:background-color .15s}.users-table-row:hover{background-color:#00000005}[data-theme=dark] .users-table-row:hover{background-color:#ffffff05}.users-table-row+.users-table-row{border-top:1px solid var(--card-border)}.user-username{font-size:15px;color:var(--text-color)}.user-role-badge{font-size:13px;padding:2px 8px;background-color:var(--card-border);border-radius:4px;width:fit-content}.status-text{font-size:14px;font-weight:500}.status-enabled{color:var(--btn-success)}.status-disabled{color:var(--text-secondary)}.user-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.btn-sm{padding:5px 10px;font-size:12px}.btn-secondary{background-color:var(--card-border);color:var(--text-color)}.btn-secondary:hover:not(:disabled){background-color:var(--input-border)}.btn-danger{background-color:var(--btn-danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--btn-danger-hover)}.form-input-inline{width:120px;padding:5px 8px;font-size:13px}.global-status-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background-color:var(--card-bg);border-bottom:1px solid var(--card-border);transition:var(--transition);z-index:10}.status-left{display:flex;align-items:center;gap:16px}.status-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;gap:8px}.status-badge:before{content:"";display:block;width:8px;height:8px;border-radius:50%}.status-connected{background-color:var(--success-bg);color:var(--success-text)}.status-connected:before{background-color:var(--success-text)}.status-disconnected{background-color:var(--danger-bg);color:var(--danger-text)}.status-disconnected:before{background-color:var(--danger-text)}.latency-info{padding:6px 12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:row;gap:12px;border-radius:8px;transition:background .2s}.latency-info:hover{background:#0000000d}[data-theme=dark] .latency-info:hover{background:#ffffff0d}.latency-item{display:flex;flex-direction:column;align-items:center;gap:2px}.latency-label{color:var(--text-secondary)}.status-actions{display:flex;gap:0;align-items:center}.status-divider{width:1px;height:24px;background-color:var(--card-border);margin:0 12px}.user-menu-container{position:relative;display:flex;align-items:center}.user-menu-trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .2s;background:transparent;color:var(--text-color);font-weight:500}.user-menu-trigger:hover{background:#0000000d}[data-theme=dark] .user-menu-trigger:hover{background:#ffffff0d}.user-name{font-size:14px}.user-arrow{transition:transform .2s ease;color:var(--text-secondary)}.user-menu-container:hover .user-arrow{transform:rotate(180deg)}.user-dropdown{position:absolute;top:100%;right:0;margin-top:8px;width:220px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--shadow-md);padding:8px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;z-index:1000}.user-menu-container:hover .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:14px;color:var(--text-color);transition:background .15s}.dropdown-item:hover{background:#0000000a}[data-theme=dark] .dropdown-item:hover{background:#ffffff0a}.theme-toggle-item{box-sizing:border-box;width:100%}.item-icon{font-size:16px;width:20px;text-align:center}.item-value{margin-left:auto;font-size:12px;color:var(--text-secondary)}.item-action{margin-left:auto}.dropdown-divider{height:1px;background:var(--card-border);margin:8px 0}.logout-item{color:var(--danger-text);margin-top:4px}.logout-item:hover{background:var(--danger-bg)!important}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--card-border);transition:var(--transition);border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:var(--transition);border-radius:50%;box-shadow:var(--shadow-sm)}.toggle-switch input:checked+.toggle-slider{background-color:var(--btn-success)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-switch.small{width:38px;height:20px}.toggle-switch.small .toggle-slider{border-radius:20px}.toggle-switch.small .toggle-slider:before{height:14px;width:14px;left:3px;bottom:3px}.toggle-switch.small input:checked+.toggle-slider:before{transform:translate(18px)}.status-actions .btn{width:auto;padding:6px 12px}.portfolio-container{position:relative;display:flex;align-items:center}.portfolio-display{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;cursor:pointer;border-radius:8px;transition:background .2s}.portfolio-display:hover{background:#0000000d}[data-theme=dark] .portfolio-display:hover{background:#ffffff0d}.portfolio-label{font-size:11px;color:var(--text-secondary);letter-spacing:.5px}.portfolio-amount{font-family:ui-monospace,monospace;font-size:16px;font-weight:600;color:#22c55e}.portfolio-arrow{transition:transform .2s ease;color:var(--text-secondary);margin-top:2px}.portfolio-container:hover .portfolio-arrow{transform:rotate(180deg)}.portfolio-dropdown{position:absolute;top:100%;right:0;margin-top:8px;min-width:200px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;box-shadow:var(--shadow-md);padding:8px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;z-index:1000}.portfolio-container:hover .portfolio-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.portfolio-dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:6px}.portfolio-dropdown-item:hover{background:#0000000a}[data-theme=dark] .portfolio-dropdown-item:hover{background:#ffffff0a}.portfolio-dropdown-name{font-size:13px;color:var(--text-color)}.portfolio-dropdown-value{font-family:ui-monospace,monospace;font-size:13px;font-weight:600;color:#22c55e}.portfolio-dropdown-row{position:relative}.portfolio-dropdown-actions{position:absolute;right:0;top:50%;transform:translate(100%) translateY(-50%);display:flex;gap:2px;padding:4px 6px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transition:all .15s ease;white-space:nowrap;z-index:1001}.portfolio-dropdown-row:hover .portfolio-dropdown-actions{opacity:1;visibility:visible}.portfolio-action-btn{padding:4px 8px;font-size:11px;border-radius:4px;cursor:pointer;color:var(--text-color);transition:background .15s}.portfolio-action-btn:hover{background:#0000000f}[data-theme=dark] .portfolio-action-btn:hover{background:#ffffff14}.portfolio-action-danger{color:#ef4444}.portfolio-pin-indicator{color:#f59e0b;margin-right:2px}.portfolio-dropdown-create-btn{cursor:pointer;color:#3b82f6!important}.portfolio-dropdown-create-btn .portfolio-dropdown-name{color:#3b82f6;font-weight:500}.cg-modal-overlay{--card-bg: #ffffff;--card-border: #e2e8f0;--text-primary: #0f172a;--text-secondary: #64748b;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.cg-modal-overlay[data-theme=dark]{--card-bg: #1e293b;--card-border: #334155;--text-primary: #f8fafc;--text-secondary: #94a3b8}.cg-modal{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:24px;min-width:380px;max-width:440px;box-shadow:0 20px 60px #0000004d}.cg-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.cg-modal-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.cg-modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-secondary);padding:4px 8px;border-radius:4px}.cg-modal-close:hover{background:#0000000d}[data-theme=dark] .cg-modal-close:hover{background:#ffffff1a}.cg-form-group{margin-bottom:16px}.cg-form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.cg-form-group>input{width:100%;padding:8px 12px;border:1px solid var(--card-border);border-radius:8px;background:transparent;color:var(--text-primary);font-size:14px;outline:none;box-sizing:border-box}.cg-form-group>input:focus{border-color:#3b82f6}.cg-account-list{max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid var(--card-border);border-radius:8px}.cg-account-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-primary);cursor:pointer;padding:4px 0}.cg-account-item input[type=checkbox]{cursor:pointer}.cg-actions{display:flex;gap:8px;margin-top:20px}.cg-btn{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.cg-btn:disabled{opacity:.5;cursor:not-allowed}.cg-btn-primary{background:#3b82f6;color:#fff}.cg-btn-primary:hover:not(:disabled){background:#2563eb}.cg-btn-outline{background:transparent;border:1px solid var(--card-border);color:var(--text-primary)}.cg-btn-outline:hover{background:#0000000a}[data-theme=dark] .cg-btn-outline:hover{background:#ffffff0d}*{scrollbar-width:none!important;-ms-overflow-style:none!important}*::-webkit-scrollbar{display:none!important}html,body,#root{height:100%;width:100%;margin:0;padding:0;overflow:hidden}*{-webkit-overflow-scrolling:touch}.users-page,.account-page,.copytrading-page,.perf-page{height:100%;width:100%;overflow-y:scroll!important;overscroll-behavior-y:auto!important}.users-container,.account-container,.copytrading-container,.perf-container{min-height:calc(100% + 1px)!important;display:flex;flex-direction:column}
