:root{--bg:#0b1020;--panel:#121a2d;--panel2:#17223a;--line:#26324b;--text:#edf2ff;--muted:#9ba9c4;--accent:#77e0c3;--accent2:#69a8ff;--red:#ff7c8a;--yellow:#f5ca72;--radius:18px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% -10%,#1c3150 0,transparent 38%),var(--bg);color:var(--text);font:15px/1.55 Inter,Segoe UI,Arial,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{opacity:.85}.topbar{min-height:78px;padding:14px clamp(18px,4vw,58px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #25304a;background:#0b1020e8;position:sticky;top:0;z-index:4;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;color:var(--text);font-weight:750;letter-spacing:.2px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);font-weight:600}.brand-mark{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#8bf0d2,#58a8ff);color:#0a1527;font-weight:900}nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap}nav a,.nav-button{color:#c8d3e8;font-size:13px;background:none;border:0;cursor:pointer;font:inherit}.inline{display:inline}.container{max-width:1480px;margin:0 auto;padding:32px clamp(16px,3.5vw,48px) 60px}h1{font-size:clamp(30px,4vw,42px);line-height:1.15;margin:7px 0 8px;letter-spacing:-1.2px}h2{font-size:20px;margin:0}h3{margin:8px 0}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--accent);text-transform:uppercase}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-heading p{margin:0}.pill{border-radius:999px;padding:7px 12px;font-size:10px;font-weight:800;letter-spacing:1px;white-space:nowrap}.online{background:#123a36;color:#84f1d3}.offline{background:#3b2a24;color:#ffd18b}.grid{display:grid;gap:16px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:34px}.metric,.panel{background:linear-gradient(145deg,#151f34,#11182a);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 35px #00000012}.metric{padding:22px;min-height:145px}.metric span,.metric small{display:block;color:var(--muted);font-size:12px}.metric strong{display:block;font-size:29px;letter-spacing:-.7px;margin:10px 0 5px}.metric strong.compact{font-size:21px}.metric small{font-size:11px;line-height:1.45}.positive{color:var(--accent)!important}.negative{color:var(--red)!important}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 14px}.section-heading a{font-size:12px}.account-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding:22px}.account-summary span,.account-summary strong{display:block}.account-summary span{font-size:11px}.account-summary strong{font-size:14px;margin-top:7px;overflow-wrap:anywhere}.table-wrap{overflow:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:760px;font-size:12px}.table-wrap th{text-align:left;color:#8fa1c2;font-size:10px;letter-spacing:.8px;text-transform:uppercase;background:#11192b}.table-wrap th,.table-wrap td{padding:14px 15px;border-bottom:1px solid #263149;white-space:nowrap}.table-wrap tbody tr:hover{background:#ffffff05}.table-wrap tbody tr:last-child td{border-bottom:0}.empty{text-align:center;padding:46px 20px}.empty-icon{font-size:35px;color:var(--accent)}.notice{margin-top:16px;color:#b4c0d6;font-size:12px;border-left:3px solid var(--yellow);padding:12px 15px;background:#f5ca720c;border-radius:0 8px 8px 0}.auth-wrap{min-height:calc(100vh - 170px);display:grid;place-items:center}.auth-card{width:min(100%,460px);padding:clamp(24px,5vw,42px);background:linear-gradient(145deg,#18243b,#11182a);border:1px solid var(--line);border-radius:24px;box-shadow:0 25px 80px #0005}.auth-card h1{font-size:30px}.auth-card form,.form-panel form{display:grid;gap:16px;margin-top:24px}label{display:grid;gap:7px;font-size:12px;color:#cbd5e8;font-weight:650}input{width:100%;border:1px solid #34425e;background:#0c1425;color:var(--text);border-radius:10px;padding:12px 13px;font:inherit;outline:none}input:focus{border-color:var(--accent2);box-shadow:0 0 0 3px #69a8ff20}button,.button-link{border:0;border-radius:10px;padding:12px 16px;font-weight:750;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.primary{background:linear-gradient(110deg,#8bf0d2,#69b7ff);color:#0a1424}.full{width:100%;margin-top:4px}.button-link{border:1px solid #34425e;color:var(--text);background:#18233a}.button-link.subtle{background:transparent}.tiny{font-size:11px;margin-top:18px}.alert{padding:12px 15px;border-radius:10px;margin:0 0 18px;font-size:13px}.alert.error{background:#421f2b;border:1px solid #733648;color:#ffbdc5}.alert.success{background:#123b35;border:1px solid #21685d;color:#9ff2d8}.alert.warning{background:#392f1b;border:1px solid #6b5526;color:#f4dba1;font-size:12px;line-height:1.6}.filter{display:flex;align-items:end;gap:12px;padding:16px;margin-bottom:18px;flex-wrap:wrap}.filter label{min-width:180px}.filter button,.filter .button-link{height:42px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-panel{padding:24px}.form-panel h2{margin-bottom:12px}.config-row{display:flex;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.config-row span{color:var(--muted)}code{font-family:Consolas,monospace;color:#a8d6ff;overflow-wrap:anywhere}.center{text-align:center}footer{text-align:center;color:#6f7e9b;font-size:11px;padding:20px;border-top:1px solid #202b42}@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.account-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}}@media(max-width:650px){.topbar{align-items:flex-start;flex-direction:column}.topbar nav{gap:13px}.container{padding-top:24px}.page-heading{align-items:flex-start;flex-direction:column}.metrics{gap:10px}.metric{padding:15px;min-height:130px}.metric strong{font-size:23px}.account-summary{grid-template-columns:1fr 1fr;padding:16px}.section-heading{gap:12px}.filter label{width:100%}}

.hero-panel{padding:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px;overflow:hidden;background:radial-gradient(ellipse at 90% 20%,#24425a 0,transparent 42%),linear-gradient(120deg,#17253b,#101829)}.hero-panel h2{font-size:25px;margin:8px 0}.hero-panel p{max-width:680px;margin:0 0 20px}.hero-mark{font-size:76px;font-weight:900;letter-spacing:-7px;color:#83e6c7;opacity:.9}.hero-mark span{display:block;font-size:13px;letter-spacing:5px;text-align:right;color:#8ca4c6}.tag{display:inline-flex;align-items:center;border:1px solid #34425e;background:#18243a;color:#c3d3eb;padding:5px 9px;border-radius:8px;font-size:10px;font-weight:800;letter-spacing:.6px}.terminal-layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.35fr);gap:18px;align-items:start}.market-panel,.order-panel{padding:20px;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-title h2{margin:0 0 4px}.panel-title p{margin:0;font-size:12px}.asset-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.asset-tab{background:transparent;color:#aebbd1;border:1px solid #34425e;padding:8px 10px}.asset-tab.active{background:#203b47;color:#9df0d7;border-color:#477d78}.market-list{display:grid;gap:4px}.market-row{width:100%;display:flex;gap:10px;align-items:center;text-align:left;border:1px solid transparent;background:transparent;color:var(--text);padding:11px 9px;border-radius:12px}.market-row:hover,.market-row.chosen{background:#1b2940;border-color:#304661}.coin-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#314967,#1c2c43);font-weight:900;color:#a6e8d7;flex-shrink:0}.asset-name{display:grid;gap:2px;min-width:0;flex:1}.asset-name b{font-size:13px}.asset-name small,.asset-price small{font-size:10px;color:var(--muted)}.asset-price{text-align:right;display:grid;gap:3px}.asset-price b{font-size:12px;font-variant-numeric:tabular-nums}.market-row[hidden]{display:none}.selected-asset{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;background:#0c1425;border:1px solid #263650;border-radius:14px}.selected-asset h2{font-size:23px;margin:4px 0}.selected-asset span{font-size:11px}.selected-price{text-align:right;display:grid;gap:5px}.selected-price strong{font-size:20px;color:#9bf0d5;font-variant-numeric:tabular-nums}.chart-wrap{height:160px;margin:16px 0 18px;background:#0d1526;border:1px solid #24314a;border-radius:12px;overflow:hidden}.chart-wrap canvas{display:block;width:100%;height:160px}.order-form{display:grid;gap:14px}.order-form label{max-width:360px}.order-estimate{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:10px;background:#1a263c;color:#b7c5db;font-size:12px}.order-estimate b{color:#eaf2ff;font-variant-numeric:tabular-nums}.sim-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.inline{display:inline}.inline button{white-space:nowrap}@media(max-width:1000px){.terminal-layout{grid-template-columns:1fr}.market-list{grid-template-columns:repeat(2,minmax(0,1fr))}.market-row{min-width:0}.sim-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.hero-panel{padding:20px}.hero-mark{font-size:48px}.market-list{grid-template-columns:1fr}.sim-metrics{grid-template-columns:1fr}.selected-asset h2{font-size:19px}.selected-price strong{font-size:16px}.market-panel,.order-panel{padding:14px}}

.hero-panel{padding:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px;overflow:hidden;background:radial-gradient(ellipse at 90% 20%,#24425a 0,transparent 42%),linear-gradient(120deg,#17253b,#101829)}.hero-panel h2{font-size:25px;margin:8px 0}.hero-panel p{max-width:680px;margin:0 0 20px}.hero-mark{font-size:76px;font-weight:900;letter-spacing:-7px;color:#83e6c7;opacity:.9}.hero-mark span{display:block;font-size:13px;letter-spacing:5px;text-align:right;color:#8ca4c6}.tag{display:inline-flex;align-items:center;border:1px solid #34425e;background:#18243a;color:#c3d3eb;padding:5px 9px;border-radius:8px;font-size:10px;font-weight:800;letter-spacing:.6px}.terminal-layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.35fr);gap:18px;align-items:start}.market-panel,.order-panel{padding:20px;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-title h2{margin:0 0 4px}.panel-title p{margin:0;font-size:12px}.asset-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.asset-tab{background:transparent;color:#aebbd1;border:1px solid #34425e;padding:8px 10px}.asset-tab.active{background:#203b47;color:#9df0d7;border-color:#477d78}.market-list{display:grid;gap:4px}.market-row{width:100%;display:flex;gap:10px;align-items:center;text-align:left;border:1px solid transparent;background:transparent;color:var(--text);padding:11px 9px;border-radius:12px}.market-row:hover,.market-row.chosen{background:#1b2940;border-color:#304661}.coin-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#314967,#1c2c43);font-weight:900;color:#a6e8d7;flex-shrink:0}.asset-name{display:grid;gap:2px;min-width:0;flex:1}.asset-name b{font-size:13px}.asset-name small,.asset-price small{font-size:10px;color:var(--muted)}.asset-price{text-align:right;display:grid;gap:3px}.asset-price b{font-size:12px;font-variant-numeric:tabular-nums}.market-row[hidden]{display:none}.selected-asset{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;background:#0c1425;border:1px solid #263650;border-radius:14px}.selected-asset h2{font-size:23px;margin:4px 0}.selected-asset span{font-size:11px}.selected-price{text-align:right;display:grid;gap:5px}.selected-price strong{font-size:20px;color:#9bf0d5;font-variant-numeric:tabular-nums}.chart-wrap{height:160px;margin:16px 0 18px;background:#0d1526;border:1px solid #24314a;border-radius:12px;overflow:hidden}.chart-wrap canvas{display:block;width:100%;height:160px}.order-form{display:grid;gap:14px}.order-form label{max-width:360px}.order-estimate{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:10px;background:#1a263c;color:#b7c5db;font-size:12px}.order-estimate b{color:#eaf2ff;font-variant-numeric:tabular-nums}.sim-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.inline{display:inline}.inline button{white-space:nowrap}@media(max-width:1000px){.terminal-layout{grid-template-columns:1fr}.market-list{grid-template-columns:repeat(2,minmax(0,1fr))}.market-row{min-width:0}.sim-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.hero-panel{padding:20px}.hero-mark{font-size:48px}.market-list{grid-template-columns:1fr}.sim-metrics{grid-template-columns:1fr}.selected-asset h2{font-size:19px}.selected-price strong{font-size:16px}.market-panel,.order-panel{padding:14px}}

/* MetaTrade v1.3 instrument-selection interaction fix */
.asset-tabs{position:relative;z-index:2}.asset-tab,.market-row{pointer-events:auto;touch-action:manipulation}.market-row[hidden]{display:none!important}.market-row.chosen{outline:1px solid #477d78;outline-offset:-1px}

/* Tahap 2: form level risiko */
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.form-grid label{display:flex;flex-direction:column;gap:7px;min-width:0}
.form-grid input{width:100%;min-width:0}
@media(max-width:560px){.form-grid{grid-template-columns:1fr}}

/* Tahap 4: candlestick, timeframe, indikator */
.chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:14px 0 8px}.timeframes{display:flex;gap:5px;flex-wrap:wrap}.timeframe{padding:6px 9px;border:1px solid #34425e;background:#101a2b;color:#aebbd1;border-radius:7px;font-size:11px}.timeframe.active{background:#24453f;border-color:#5b9e8d;color:#a4f0d7}.indicator-toggle{display:flex;align-items:center;gap:6px;color:#e8bd65;font-size:11px}.indicator-toggle input{accent-color:#e8bd65}.chart-wrap{height:250px;position:relative}.chart-wrap canvas{height:220px}.chart-legend{height:28px;display:flex;align-items:center;gap:12px;padding:0 10px;font-size:10px;color:#b7c5db;flex-wrap:wrap}.chart-legend span{display:inline-flex;align-items:center;gap:4px}.chart-legend i{display:inline-block;width:8px;height:8px;border-radius:2px}.legend-up{background:#42d6a4}.legend-down{background:#f47783}@media(max-width:520px){.chart-legend{gap:7px;font-size:9px}.timeframe{padding:6px 7px}}

/* Tahap 5: RSI, MACD, dan sinyal aturan edukasi */
.indicator-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 18px}.indicator-card{min-width:0;padding:12px;border:1px solid #2a3953;background:#111c2f;border-radius:11px;display:flex;flex-direction:column;gap:5px}.indicator-card span{font-size:10px;color:#9eafc8}.indicator-card strong{font-size:17px;color:#eaf2ff;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.indicator-card small{font-size:10px;color:#aebbd1;line-height:1.45}.signal-card.bullish{border-color:#2c806b;background:#12342f}.signal-card.bullish strong{color:#7ee8c7}.signal-card.bearish{border-color:#8a4350;background:#381e2a}.signal-card.bearish strong{color:#ff9ca6}.indicator-disclaimer{grid-column:1/-1;margin:0;color:#8192ad;font-size:10px;line-height:1.5}@media(max-width:560px){.indicator-panel{grid-template-columns:1fr}.indicator-card{padding:10px}.indicator-card strong{font-size:16px}}

/* Stage 6: backtesting UI */
.backtest-panel{padding:22px;margin:28px 0}.backtest-controls{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr)) auto;align-items:end;gap:12px;margin:18px 0}.backtest-controls .primary{min-height:44px}.backtest-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin:18px 0}.backtest-metrics .metric{min-height:112px;padding:16px}.backtest-metrics .metric strong{font-size:23px}.backtest-table{border:1px solid var(--line);border-radius:12px}.indicator-disclaimer{font-size:11px;color:#b4c0d6;border-left:3px solid var(--yellow);padding:12px 14px;background:#f5ca720c;border-radius:0 8px 8px 0;line-height:1.6}@media(max-width:900px){.backtest-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.backtest-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.backtest-panel{padding:14px}.backtest-controls{grid-template-columns:1fr}.backtest-metrics{grid-template-columns:1fr 1fr}.backtest-metrics .metric strong{font-size:19px}}
.backtest-actions{display:flex;gap:8px;align-items:stretch}.backtest-actions button{min-height:44px;white-space:nowrap}.backtest-actions .secondary{border:1px solid var(--line);background:transparent;color:inherit;border-radius:10px;padding:10px 14px;cursor:pointer}.backtest-actions button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:520px){.backtest-actions{display:grid;grid-template-columns:1fr 1fr}.backtest-actions button{padding:10px 8px}}
.historical-import{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:16px;margin:16px 0;border:1px solid var(--line);border-radius:12px;background:#101a2b}.historical-import h3{margin:0 0 6px;font-size:15px}.historical-import p{margin:4px 0}.historical-import-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.historical-import-controls input[type=file]{max-width:100%;color:var(--text)}.historical-import-controls button{min-height:38px}.historical-import code{color:#c7d5f0}@media(max-width:520px){.historical-import{padding:12px}.historical-import-controls{align-items:stretch;flex-direction:column}.historical-import-controls input[type=file]{width:100%}}

/* MetaTrade Professional Complete v3.0 — terminal and chart workspace */
.chart-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.chart-tools .indicator-toggle{font-size:10px;white-space:nowrap}.chart-tools input{width:auto}.chart-ohlc{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:8px 10px;margin-top:10px;background:#0b1322;border:1px solid #202d42;border-bottom:0;border-radius:10px 10px 0 0;color:#94a6c1;font-size:10px}.chart-ohlc span{white-space:nowrap}.chart-ohlc b{font-weight:750;color:#e6efff;font-variant-numeric:tabular-nums}.chart-change{margin-left:auto;color:#8da1bf;letter-spacing:.6px;font-size:9px}.chart-wrap{height:auto;min-height:0;margin:0 0 8px;border-radius:0 0 10px 10px;border-color:#202d42;background:#0b1322}.chart-wrap canvas{height:360px;cursor:crosshair;touch-action:pan-y}.chart-legend{height:auto;min-height:34px;padding:8px 10px;border-top:1px solid #202d42}.chart-legend .legend-ma{background:#f4c86a}.chart-legend .legend-bb{background:#5b91d8}.chart-footer-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 2px 16px;color:#91a3be;font-size:10px}.chart-footer-tools input[type=range]{width:min(220px,45%);padding:0;accent-color:#72d9bd}.chart-footer-tools output{font-variant-numeric:tabular-nums;color:#dce8fa}.chart-footer-tools .secondary{margin-left:auto;background:#17243a;color:#d5e1f3;border:1px solid #30425f;padding:7px 10px;font-size:10px}.order-panel{background:linear-gradient(160deg,#121c30,#0e1626)}.market-panel{position:sticky;top:92px}.market-list{max-height:640px;overflow:auto;scrollbar-width:thin;scrollbar-color:#354761 transparent}.market-row{border-bottom:1px solid #1d2a40;border-radius:7px}.market-row.chosen{background:#15352f;border-color:#317765}.terminal-layout{grid-template-columns:minmax(275px,.72fr) minmax(0,1.6fr)}.selected-asset{border-color:#2a3b56}.selected-price strong{letter-spacing:-.4px}.order-form .primary{min-height:48px;font-size:13px;box-shadow:0 7px 22px #69d8bb14}.backtest-panel{background:linear-gradient(150deg,#151f34,#101827)}.backtest-metrics .metric{background:#0f192a;border-color:#26354c}.historical-import{background:#0e1727}.table-wrap{scrollbar-width:thin;scrollbar-color:#354761 transparent}@media(max-width:1050px){.market-panel{position:static}.terminal-layout{grid-template-columns:1fr}.market-list{max-height:400px}.chart-tools{gap:8px}}@media(max-width:600px){.chart-tools{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.chart-ohlc{gap:8px}.chart-change{margin-left:0}.chart-wrap canvas{height:300px}.chart-footer-tools{gap:8px}.chart-footer-tools input[type=range]{flex:1;min-width:100px}.chart-footer-tools .secondary{margin-left:0}.chart-legend{gap:8px}}
.professional-indicator-charts{display:grid;grid-template-columns:1fr;gap:8px;margin:8px 0 2px}.indicator-chart-pane{overflow:hidden;border:1px solid #202d42;border-radius:9px;background:#0b1322}.indicator-chart-pane>div{display:flex;justify-content:space-between;gap:10px;padding:8px 10px 0;color:#d6e2f5;font-size:10px}.indicator-chart-pane>div span{color:#8295b2;font-size:9px}.indicator-chart-pane canvas{display:block;width:100%;height:92px}@media(min-width:850px){.professional-indicator-charts{grid-template-columns:1fr 1fr}}
.market-search{display:grid;gap:5px;margin:0 0 12px;color:#8fa2bf;font-size:10px}.market-search input{padding:10px 12px;border-radius:9px;font-size:12px;background:#0b1322;border-color:#26354c}.page-heading .pill{font-size:9px}.page-heading h1{letter-spacing:-1.5px}.eyebrow{letter-spacing:1.7px}