:root{color:#1e2427;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f4ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:1180px;margin:0 auto;padding:28px 32px 44px}.hero{grid-template-columns:minmax(0,1fr) 320px;align-items:center;gap:36px;min-height:260px;display:grid}.eyebrow{color:#307399;letter-spacing:.03em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:800}h1{max-width:820px;margin:0;font-size:clamp(42px,7vw,78px);line-height:.93}.lede{color:#5d6463;max-width:760px;margin-top:24px;line-height:1.55}.control-panel,.notice,.metric,.chart-shell,.import-box,.account-box{background:#ffffffc2;border:1px solid #e5dfd3;border-radius:8px;box-shadow:0 8px 28px #2b261d14}.control-panel{gap:14px;padding:18px;display:grid}label{color:#4e5656;gap:8px;font-size:13px;font-weight:800;display:grid}label svg{vertical-align:middle}select,input,button{color:#1e2427;font:inherit;border:1px solid #d9d3c7;border-radius:6px;min-height:42px;padding:0 12px}select,input{background:#fff;width:100%}button{color:#fff;cursor:pointer;background:#1f6f96;border-color:#1f6f96;justify-content:center;align-items:center;gap:8px;font-weight:800;display:inline-flex}.notice{grid-template-columns:230px 1fr;gap:16px;margin:12px 0 28px;padding:16px 18px;display:grid}.notice strong,.notice span{display:block}.notice span{color:#0f8a6b;margin-top:4px;font-weight:800}.notice p{color:#6a706e;margin:0}.profile-row{justify-content:space-between;align-items:end;gap:20px;margin:0 0 16px;display:flex}h2{margin:0 0 4px;font-size:30px}h3{margin:0 0 10px}.profile-row p{color:#6a706e;margin:0}a{color:#2f80b7;align-items:center;gap:6px;font-weight:800;text-decoration:none;display:inline-flex}.metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.metric{min-height:104px;padding:16px}.metric svg{color:#607375;width:20px;height:20px}.metric span{color:#6a706e;margin-top:8px;font-size:13px;font-weight:800;display:block}.metric strong{margin-top:5px;font-size:clamp(24px,2.6vw,34px);line-height:1;display:block}.metric small{color:#6a706e;margin-top:7px;font-size:12px;font-weight:800;display:block}.metric strong.blue{color:#2f80b7}.metric strong.green{color:#0f8a6b}.chart-shell{padding:18px}.legend{flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:12px;display:flex}.legend span,.legend strong{color:#43504f;font-size:13px;font-weight:800}.legend strong{color:#0f8a6b;margin-left:auto}.legend i{vertical-align:-1px;border-radius:2px;width:12px;height:12px;margin-right:7px;display:inline-block}.legend i.blue{background:#2f80b7}.legend i.green{background:#0f8a6b}.legend i.gray{background:#9a9a9a}.chart{height:430px}.tooltip{background:#fff;border:1px solid #e3ddd2;border-radius:8px;gap:5px;padding:12px 14px;display:grid;box-shadow:0 10px 26px #2b261d24}.tooltip span{color:#586260;font-size:13px}.lower-grid{grid-template-columns:1.45fr 1fr;gap:18px;margin:22px 0;display:grid}.import-box,.account-box{padding:18px}.import-box p,.account-box p{color:#626a68;margin:8px 0}.import-box div{grid-template-columns:1fr 130px;gap:10px;margin-top:14px;display:grid}.import-box small{color:#8a5c19;margin-top:10px;display:block}.account-box p:first-of-type{color:#0f8a6b;align-items:center;gap:6px;font-weight:800;display:flex}.trades{margin-top:10px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e4ded3;padding:13px 10px}th{color:#66706e;text-transform:uppercase;font-size:12px}td{color:#303837;font-size:14px}.pill{text-transform:uppercase;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800;display:inline-block}.pill.buy{color:#0f8a6b;background:#e5f6ef}.pill.sell{color:#ad4d2d;background:#f8e6df}@media (width<=860px){main{padding:22px 18px 36px}.hero,.notice,.lower-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-row{flex-direction:column;align-items:flex-start}}@media (width<=560px){h1{font-size:42px}.metrics,.import-box div{grid-template-columns:1fr}.chart{height:330px}}
