:root{font-family:Arial,Helvetica,sans-serif;color:#152622;background:#f5f7f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}aside{width:254px;background:#102b26;color:#dce9e2;padding:40px 24px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;gap:12px;align-items:center;font-weight:700;letter-spacing:3px;font-size:23px}.brand-icon{display:grid;place-items:center;background:#c4ee8f;color:#183d30;width:42px;height:46px;border-radius:12px;font-size:32px;font-style:italic}.brand-sub{display:block;font-size:10px;letter-spacing:5px;margin-top:4px}.workspace-name{text-transform:uppercase;letter-spacing:2px;font-size:10px;color:#9bb6aa;margin:48px 12px 22px}nav{display:flex;flex-direction:column;gap:10px;font-size:13px}nav .nav-planned,nav a{padding:14px 12px;border-radius:7px;display:flex;justify-content:space-between;gap:4px;align-items:center}nav .active{background:#274a3e;color:#d6f5b8}nav .nav-planned,nav small{color:#aac1b6}nav small{font-size:9px}.sidebar-bottom{margin-top:auto;padding-top:70px;line-height:2;font-size:12px}.sidebar-bottom small{color:#aac1b6;font-size:10px}.dot{display:inline-block;width:7px;height:7px;background:#83b04a;border-radius:50%;margin-right:8px}.dot.muted{background:#939c96}main{flex:1 1;max-width:1500px;padding:0 52px;min-width:0}header{height:93px;border-bottom:1px solid #dfe5dc;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#65746c}.pill{border:1px solid #d2dccd;border-radius:20px;padding:8px 13px;color:#44663a;font-size:11px;background:#eef4e9}.intro{padding:47px 0 26px}.eyebrow{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:#5b7463}h1{font-size:clamp(28px,3vw,43px);font-weight:500;letter-spacing:-1.6px;margin:17px 0}p{font-size:13px;color:#637369;line-height:1.7}h2{font-size:21px;font-weight:500;letter-spacing:-.5px}.status-line{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid #e0e6dc;border-bottom:1px solid #e0e6dc;font-size:11px;color:#617264;gap:12px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}.card{background:#fff;border:1px solid #dee5d9;border-radius:12px;padding:30px}.section-number{font-size:10px;letter-spacing:1.5px;color:#7c8c7a;margin-bottom:25px}.card h2{margin-bottom:6px}.card p{margin-top:6px}form{gap:17px;margin-top:23px}form,label{display:grid}label{font-size:12px;font-weight:600;gap:8px}input{border:1px solid #d5ded0;border-radius:6px;padding:12px;background:#fcfdfb;color:#152622;min-width:0}input:focus{outline:2px solid #598446;outline-offset:2px}button{cursor:pointer;border:0;padding:13px 20px;border-radius:6px;color:#fff;background:#254b38;font-size:13px}button:disabled{opacity:.6;cursor:wait}button:hover{background:#326347}button.secondary{background:#e5eddf;color:#254b38}.hint{font-size:11px;margin-top:20px!important}.roadmap{background:#f0f4e9}.roadmap ul{list-style:none;padding:0;margin:30px 0}.roadmap li{display:flex;gap:17px;margin-bottom:24px;font-size:13px}.roadmap li>span{font-size:10px;padding-top:3px;color:#6b825b}.roadmap li p{font-size:12px;margin-bottom:0}.notice{border-top:1px solid #d6dfca;padding-top:18px;font-size:11px;line-height:1.7;color:#66765a}.setup-note{margin:24px 0;padding:20px;background:#f1f5ed;border-radius:8px;font-size:13px}.error{padding:15px;background:#ffebe6;color:#982e1d;border-radius:6px}.welcome{display:flex;align-items:center;justify-content:space-between;margin:32px 0;gap:15px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.metric{background:white;border:1px solid #d9e3d3;border-radius:12px;padding:27px;display:grid;gap:19px}.metric small,.metric>span{font-size:12px;color:#687b63}.metric strong{font-size:36px;font-weight:400}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}td,th{padding:15px 10px;border-bottom:1px solid #e2e9dd}th{color:#65765c;font-size:11px}footer{display:flex;justify-content:space-between;color:#7b8774;font-size:10px;padding:36px 0;gap:15px}@media(min-width:1500px){main{margin:auto}}@media(max-width:1000px){main{padding:0 26px}aside{width:218px;padding:30px 17px}.content-grid,.metrics{grid-template-columns:1fr}}@media(max-width:650px){.shell{display:block}aside{width:100%;padding:20px 24px;flex-direction:row;justify-content:space-between;align-items:center}.brand{font-size:18px}.brand-icon{width:32px;height:36px;font-size:26px}.brand-sub{font-size:8px}.workspace-name{margin:0;font-size:9px}.sidebar-bottom,nav{display:none}main{padding:0 20px}header{height:65px}.intro{padding-top:30px}.status-line{flex-direction:column}.card{padding:24px}.welcome{align-items:flex-start}.welcome h2{font-size:18px}}.demo-account{margin-top:24px}.demo-account form{display:grid;gap:16px;max-width:540px}.demo-account label{display:grid;gap:8px}.demo-account select{width:100%;padding:12px;border:1px solid #cbd5d1;border-radius:8px;background:white;color:#182f28;font:inherit}.trading{margin-top:32px}.trading-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.trading select{font:inherit;color:#152622;background:white;padding:12px;border:1px solid #d5ded0;border-radius:6px;max-width:100%}.trading-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0}.trading-metrics .metric{padding:18px;gap:12px}.trading-metrics strong{font-size:21px;overflow-wrap:anywhere}.trade-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.trade-actions{display:flex;gap:12px}.trade-actions button{flex:1 1}.trade-actions .sell{background:#963e39}.lot-label{margin-top:16px}.positions{margin-top:20px}.negative{color:#a22d26}.positive{color:#276044}.trading button:focus-visible,.trading select:focus-visible{outline:2px solid #598446;outline-offset:3px}@media(max-width:1100px){.trading-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.trade-grid{grid-template-columns:1fr}}@media(max-width:650px){.trading-heading{align-items:flex-start;flex-direction:column}.trading-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.trade-actions{flex-direction:column}}.protection-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.positions .secondary{margin-top:8px;padding:8px 10px}@media(max-width:650px){.protection-fields{grid-template-columns:1fr}}