:root{color:#0f172a;background:#f5f7fb;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--blue: #2563eb;--ink: #0f172a;--muted: #71829d;--line: #e8edf5;--panel: #fff;--bg: #f5f7fb}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}.app-shell{min-height:100vh}.topbar{height:68px;padding:0 42px;display:flex;align-items:center;gap:42px;background:#fffffff0;border-bottom:1px solid #edf1f6;box-shadow:0 1px 5px #0f172a06}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;color:var(--ink);font-size:15px;font-weight:800;letter-spacing:-.02em}.brand-mark{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,#2563eb,#6d8ff5);box-shadow:0 5px 12px #2563eb3d}.brand-mark span{width:11px;height:11px;border:2px solid white;border-radius:4px;transform:rotate(45deg)}.brand-version{margin-left:1px;padding:3px 6px;border-radius:5px;color:#8290a7;background:#f2f5fa;font-size:10px;font-weight:700}.nav-tabs{display:flex;align-items:center;gap:5px;height:100%}.nav-button{height:34px;padding:0 15px;border:0;border-radius:9px;color:#52627a;background:transparent;font-size:13px;font-weight:700;transition:.18s ease}.nav-button:hover{color:#1d4ed8;background:#eff5ff}.nav-button.is-active{color:#1d4ed8;background:#eef5ff;box-shadow:0 2px 7px #2563eb14}.topbar-actions{display:flex;align-items:center;gap:8px;margin-left:auto;color:#8390a4;font-size:11px;font-weight:650}.connection-dot{width:7px;height:7px;border-radius:99px}.connection-dot.is-online{background:#22c55e;box-shadow:0 0 0 4px #dcfce7}.connection-dot.is-offline{background:#f59e0b;box-shadow:0 0 0 4px #fef3c7}.avatar-button{width:31px;height:31px;margin-left:13px;border:1px solid #d7e1ee;border-radius:50%;color:#475569;background:#fff;font-size:12px;font-weight:800}.page-shell{max-width:1440px;margin:0 auto;padding:42px 42px 70px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.eyebrow{color:#91a0b6;font-size:10px;font-weight:800;letter-spacing:.14em}h1,h2,p{margin:0}.page-heading h1{margin-top:8px;color:var(--ink);font-size:29px;line-height:1.15;letter-spacing:-.04em}.page-heading p{margin-top:9px;color:#7c8ba2;font-size:13px}.heading-actions{display:flex;align-items:center;gap:10px;padding-bottom:2px}.mode-badge,.demo-badge{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 10px;border-radius:8px;font-size:10px;font-weight:800;letter-spacing:.06em}.mode-badge i{width:6px;height:6px;border-radius:50%}.mode-badge--paper{color:#a16207;background:#fff8df}.mode-badge--paper i{background:#eab308}.mode-badge--readonly{color:#2563eb;background:#eff6ff}.mode-badge--readonly i{background:#3b82f6}.mode-badge--dry_run{color:#047857;background:#ecfdf5}.mode-badge--dry_run i{background:#10b981}.demo-badge{color:#7c3aed;background:#f3e8ff;letter-spacing:0}.outline-button,.primary-button,.text-button{border:1px solid #d9e3f0;border-radius:9px;color:#3f506b;background:#fff;font-size:12px;font-weight:750;transition:.18s ease}.outline-button{height:36px;padding:0 13px}.outline-button:hover{border-color:#9cb9ee;color:#1d4ed8;background:#f9fbff}.outline-button span,.primary-button span{margin-left:8px;font-size:15px}.primary-button{height:38px;padding:0 16px;border-color:var(--blue);color:#fff;background:var(--blue);box-shadow:0 7px 16px #2563eb2e}.primary-button:hover{background:#1d4ed8}.text-button{padding:5px 7px;border:0;color:#3b72dc;background:transparent}.notice{margin:-12px 0 20px;padding:11px 14px;border-radius:9px;font-size:12px;font-weight:650}.notice--success{color:#166534;background:#ecfdf3;border:1px solid #bbf7d0}.notice--error{color:#b91c1c;background:#fff1f2;border:1px solid #fecdd3}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:20px}.metric-card,.panel{border:1px solid rgba(15,23,42,.055);border-radius:15px;background:var(--panel);box-shadow:0 5px 22px #0f172a09}.metric-card{position:relative;min-height:133px;padding:21px 22px;overflow:hidden}.metric-card:after{position:absolute;right:-20px;bottom:-31px;width:105px;height:105px;border-radius:50%;background:currentColor;opacity:.04;content:""}.metric-card--blue{color:#2563eb}.metric-card--indigo{color:#6366f1}.metric-card--gray{color:#64748b}.metric-card--green{color:#16a34a}.metric-label{color:#7d8da6;font-size:11px;font-weight:750}.metric-value{margin-top:13px;color:var(--ink);font-size:25px;font-weight:820;letter-spacing:-.035em}.metric-hint{margin-top:12px;color:#a0aec0;font-size:11px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.85fr);gap:20px;margin-bottom:20px}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.85fr);gap:20px}.panel{padding:22px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:24px}.panel-header h2{color:#18253a;font-size:15px;letter-spacing:-.02em}.panel-header p{margin-top:5px;color:#9aa7b9;font-size:11px}.live-label{display:inline-flex;align-items:center;gap:6px;padding-top:4px;color:#16a34a;font-size:9px;font-weight:800;letter-spacing:.08em}.live-label i{width:5px;height:5px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #dcfce7}.live-label.is-waiting{color:#a16207}.live-label.is-waiting i{background:#f59e0b;box-shadow:0 0 0 3px #fef3c7}.spread-layout{display:grid;grid-template-columns:minmax(190px,1fr) 130px minmax(190px,1fr);align-items:center;gap:17px}.exchange-quote{padding:16px 17px 13px;border:1px solid #e7edf6;border-radius:12px;background:#fbfcfe}.exchange-quote--dark{border-color:#e4e9ef}.exchange-quote--blue{border-color:#dbe8fd;background:#fbfdff}.exchange-quote-head{display:flex;align-items:center;gap:9px;margin-bottom:15px}.exchange-logo{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;color:#fff;background:#1f2937;font-size:12px;font-weight:800}.exchange-quote--blue .exchange-logo{background:#2563eb}.exchange-quote-head b{display:block;color:#253348;font-size:12px}.exchange-quote-head small{display:block;margin-top:3px;color:#98a5b7;font-size:9px}.quote-ok{margin-left:auto;color:#22c55e;font-size:10px}.quote-ok.is-offline{color:#cbd5e1}.quote-row{display:flex;align-items:baseline;justify-content:space-between;padding:7px 0;border-bottom:1px solid #eef2f7}.quote-row span{color:#99a5b6;font-size:10px}.quote-row strong{color:#26364d;font-size:15px;font-weight:780;letter-spacing:-.025em}.quote-foot{display:flex;justify-content:space-between;margin-top:11px;color:#a5b0c0;font-size:9px}.spread-center{text-align:center}.spread-value{color:#2563eb;font-size:19px;font-weight:820;letter-spacing:-.03em}.spread-value small{font-size:10px;font-weight:750}.spread-line{display:flex;align-items:center;justify-content:center;gap:4px;margin:16px 0 10px}.spread-line span{width:31px;height:1px;background:#cbdaf4}.spread-line b{width:7px;height:7px;border:2px solid #3b82f6;border-radius:50%;background:#fff}.spread-caption{color:#a1adbe;font-size:9px;line-height:1.5}.sparkline-wrap{margin-top:23px;padding-top:17px;border-top:1px solid #f0f3f8}.sparkline-label{display:flex;justify-content:space-between;color:#a0adbf;font-size:10px}.sparkline-label b{color:#2563eb;font-weight:750}.sparkline{width:100%;height:76px;display:block;margin-top:7px}.sparkline-empty{min-height:76px;display:grid;place-items:center;margin-top:7px;border-radius:8px;color:#a4afbe;background:#fafbfd;font-size:10px}.strategy-summary-list{margin-top:-3px}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:39px;border-bottom:1px solid #f0f3f7;color:#8694a8;font-size:11px}.summary-row:last-child{border-bottom:0}.summary-row b{color:#304158;font-size:12px;font-weight:750}.summary-row b.is-strong{color:#2563eb}.summary-row b.status-green{color:#16a34a}.summary-row b.status-red{color:#dc2626}.strategy-footnote{display:flex;gap:7px;align-items:center;margin-top:20px;padding:10px 11px;border-radius:8px;color:#9a6b10;background:#fffbeb;font-size:10px}.lock-icon{color:#eab308}.event-list{margin-top:-4px}.event-row{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid #f0f3f7}.event-row:last-child{border-bottom:0;padding-bottom:0}.event-dot{width:7px;height:7px;margin-top:5px;border-radius:50%}.event-dot--green{background:#22c55e;box-shadow:0 0 0 4px #dcfce7}.event-dot--blue{background:#3b82f6;box-shadow:0 0 0 4px #dbeafe}.event-dot--gray{background:#94a3b8;box-shadow:0 0 0 4px #f1f5f9}.event-row b{display:block;color:#3b4b62;font-size:11px}.event-row p{margin-top:4px;color:#9aa7b8;font-size:10px}.event-row time{color:#a7b2c1;font-size:10px;white-space:nowrap}.account-panel{margin-bottom:20px}.account-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.account-item{padding:14px 15px;border:1px solid #edf1f6;border-radius:11px;background:#fbfcfe}.account-item-head{display:flex;align-items:center;gap:8px;color:#3b4b62;font-size:11px}.account-exchange-mark{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;color:#fff;background:#334155;font-size:10px;font-weight:800}.account-item:nth-child(2) .account-exchange-mark{background:#2563eb}.account-health{margin-left:auto;font-size:9px;font-weight:750}.account-health.is-ready{color:#16a34a}.account-health.is-waiting{color:#a1adbc}.account-item>strong{display:block;margin-top:14px;color:#26364d;font-size:17px;letter-spacing:-.02em}.account-item>small{display:block;margin-top:5px;color:#9aa7b8;font-size:10px}.quick-actions{display:grid;gap:9px}.quick-action{width:100%;display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid #edf1f6;border-radius:10px;color:#4b5c72;background:#fbfcfe;text-align:left}.quick-action:hover:not(:disabled){border-color:#cfe0fb;background:#f8fbff}.quick-action--primary{border-color:#d9e8ff;background:#f7faff}.quick-action--muted{color:#a4afbe}.quick-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:#3b72dc;background:#eaf2ff;font-size:12px}.quick-action--muted .quick-icon{color:#98a5b6;background:#f0f3f7}.quick-action b{display:block;color:#4b5d75;font-size:11px}.quick-action small{display:block;margin-top:3px;color:#a1adbc;font-size:9px}.quick-action em{margin-left:auto;color:#9aacc5;font-size:15px;font-style:normal}.strategy-page-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:20px;align-items:start}.form-panel{padding-bottom:20px}.form-section{padding:19px 0;border-top:1px solid #eef2f7}.form-section:first-of-type{padding-top:0;border-top:0}.form-section-title{margin-bottom:15px;color:#42536b;font-size:11px;font-weight:800}.form-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.form-section-heading .form-section-title{margin-bottom:0}.validation-button{height:30px;padding:0 10px;font-size:11px}.validation-result{margin-top:15px;padding:12px 13px;border:1px solid #d8f0df;border-radius:10px;background:#f7fcf8}.validation-result-head{display:flex;align-items:center;gap:8px;color:#4f6a59;font-size:11px}.validation-result-head strong{color:#15803d;font-size:12px}.validation-result-head span:last-child{margin-left:auto;color:#7d9b86}.validation-result-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #dcfce7}.validation-result-grid{display:grid;grid-template-columns:1fr auto 1fr auto;gap:8px 12px;margin-top:12px;color:#849687;font-size:10px}.validation-result-grid b{color:#304c38;font-size:11px;font-weight:750}.validation-result-foot{margin-top:10px;padding-top:9px;border-top:1px solid #e2f1e5;color:#6b866f;font-size:10px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px}.field{display:grid;gap:7px;color:#8795a9;font-size:11px;font-weight:650}.input-shell{display:flex;align-items:center;height:38px;border:1px solid #e1e8f1;border-radius:9px;background:#fbfcfe;transition:.18s ease}.input-shell:focus-within{border-color:#8fb2ed;background:#fff;box-shadow:0 0 0 3px #eff5ff}.input-shell input,.input-shell select{width:100%;height:100%;padding:0 11px;border:0;outline:0;color:#33455f;background:transparent;font-size:12px;font-weight:650}.input-shell select{cursor:pointer}.input-shell i{padding:0 10px;color:#a0acbc;font-size:10px;font-style:normal;white-space:nowrap}.form-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:19px;border-top:1px solid #eef2f7}.safety-list{display:grid;gap:13px}.safety-row{display:flex;align-items:center;gap:9px;color:#66768b;font-size:11px}.safety-check,.safety-warning{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;font-size:10px;font-weight:800}.safety-check{color:#16a34a;background:#dcfce7}.safety-warning{color:#d97706;background:#fef3c7}.safety-note{margin-top:21px;padding:12px;border-left:3px solid #facc15;border-radius:4px;color:#8a6a19;background:#fffdf2;font-size:10px;line-height:1.7}.empty-page{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-icon{width:58px;height:58px;display:grid;place-items:center;margin-bottom:19px;border-radius:17px;color:#4f7fdf;background:#eef5ff;font-size:36px}.empty-page h2{margin-top:10px;color:#25364e;font-size:18px}.empty-page p{max-width:450px;margin:10px 0 20px;color:#95a3b5;font-size:12px;line-height:1.8}.system-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:20px}.system-card .summary-row{min-height:48px}.loading-state{min-height:250px;display:flex;align-items:center;justify-content:center;gap:10px;color:#8492a7;font-size:12px}.loading-spinner{width:15px;height:15px;border:2px solid #dbe7fb;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1000px){.topbar{padding:0 22px;gap:20px}.page-shell{padding:32px 22px 55px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.bottom-grid,.strategy-page-grid,.system-grid{grid-template-columns:1fr}}@media(max-width:670px){.topbar{height:auto;min-height:64px;flex-wrap:wrap;gap:12px;padding:14px 16px}.nav-tabs{order:3;width:100%;height:34px;overflow-x:auto}.nav-button{padding:0 10px;white-space:nowrap}.connection-label{display:none}.page-shell{padding:27px 16px 45px}.page-heading{align-items:flex-start;flex-direction:column;gap:18px}.heading-actions{width:100%;flex-wrap:wrap}.page-heading h1{font-size:25px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{min-height:117px;padding:16px}.metric-value{font-size:20px}.metric-hint{font-size:9px}.panel{padding:17px}.spread-layout{grid-template-columns:1fr;gap:12px}.account-items{grid-template-columns:1fr}.spread-center{order:2}.spread-center+.exchange-quote{order:3}.field-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}.event-row{grid-template-columns:8px minmax(0,1fr)}.event-row time{grid-column:2}.topbar-actions{margin-left:auto}}