*{box-sizing:border-box}html{min-height:100%;background:#0b1220}body{min-width:320px;min-height:100vh;margin:0;color:#e5e7eb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.dashboard-page{min-height:100vh;background:#0b1220}.dashboard-shell{width:min(100%,980px);margin:0 auto;padding:16px}.eyebrow{margin:0;font-size:13px;letter-spacing:.1em;opacity:.75}.summary-grid{display:flex;flex-wrap:wrap;align-items:stretch;gap:16px;margin-top:10px}.panel{border:1px solid rgb(255 255 255 / 8%);border-radius:16px;background:#ffffff0f;box-shadow:inset 0 1px #ffffff0f}.metrics-panel,.status-panel,.range-panel{flex:1 1 0;min-width:280px}.metrics-panel,.status-panel{padding:16px 18px}.metrics-panel{display:flex;flex-direction:column;justify-content:center;gap:12px}.metric-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.metric-label{flex:0 0 auto;font-size:14px;opacity:.7;white-space:nowrap}.metric-value{min-width:120px;font-size:20px;font-weight:900;text-align:right;white-space:nowrap}.metric-value--muted{color:#cbd5e1}.metric-stack{display:flex;min-width:120px;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}.metric-stack .metric-value{min-width:0}.metric-date{color:#94a3b8;font-size:12px;line-height:1.2;white-space:nowrap}.status-panel{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:12px;text-align:right}.drawdown-value{font-size:44px;font-weight:900;line-height:1}.zone-row{display:flex;align-items:center;gap:10px}.zone-badge,.zone-text{font-size:18px}.zone-text{font-weight:800}.toolbar{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:8px;margin-top:16px}.data-status{min-width:0;color:#cbd5e1;font-size:13px;line-height:1.4;text-align:center}.error-text{color:#fca5a5}.refresh-button{width:100%;flex:0 0 auto;min-height:34px;border:1px solid rgb(255 255 255 / 14%);border-radius:8px;padding:0 12px;color:#e5e7eb;background:#ffffff14;cursor:pointer}.refresh-button:disabled{cursor:wait;opacity:.55}.refresh-button:not(:disabled):hover{background:#ffffff1f}.progress-panel{margin-top:16px;padding:14px}.scale-row{position:relative;display:grid;grid-template-columns:repeat(5,1fr);height:14px;font-size:12px;opacity:.8}.scale-row span:nth-child(1){justify-self:start}.scale-row span:nth-child(2),.scale-row span:nth-child(3),.scale-row span:nth-child(4){justify-self:center}.scale-row span:nth-child(5){justify-self:end}.range-track,.progress-overlay{height:12px;border-radius:999px;overflow:hidden}.range-track{display:flex;margin-top:6px;background:#ffffff1a}.range-segment{width:25%}.range-segment--green{background:#22c55e26}.range-segment--yellow{background:#eab30826}.range-segment--orange{background:#f9731626}.range-segment--red{background:#ef44441f}.progress-overlay{margin-top:-12px}.progress-fill{display:block;height:12px}.progress-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;color:#cbd5e1;font-size:13px}.progress-caption strong{color:#e5e7eb}.quick-record-panel{display:flex;align-items:stretch;flex-direction:column;gap:10px;margin-top:16px;padding:0;overflow:hidden}.quick-record-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:54px;border:0;padding:14px;color:inherit;background:transparent;cursor:pointer;text-align:left}.quick-record-toggle:hover{background:#ffffff0d}.quick-record-chevron{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 auto;border:1px solid rgb(255 255 255 / 16%);border-radius:50%;color:#e5e7eb;background:#ffffff14;font-size:20px;font-weight:800;line-height:1}.quick-record-copy{display:flex;min-width:0;flex-direction:column;gap:4px}.quick-record-copy strong{color:#e5e7eb;font-size:15px}.quick-record-copy span{color:#94a3b8;font-size:12px;line-height:1.35}.quick-record-actions{display:flex;gap:8px;padding:0 14px 14px}.trade-button,.primary-button,.secondary-button,.icon-button,.keypad-button{border:1px solid rgb(255 255 255 / 14%);border-radius:8px;color:#e5e7eb;cursor:pointer}.trade-button{min-width:72px;min-height:36px;padding:0 12px;border-color:#ffffff47;font-weight:800;box-shadow:inset 0 1px #ffffff29,0 8px 20px #00000029}.trade-button--buy{background:linear-gradient(180deg,#f871715c,#ef44443d)}.trade-button--sell{background:linear-gradient(180deg,#4ade805c,#22c55e3d)}.trade-button:hover,.primary-button:hover,.secondary-button:hover,.icon-button:hover,.keypad-button:hover{background-color:#ffffff1f}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:18px;background:#030712b8}.trade-modal{width:min(100%,420px);border:1px solid rgb(255 255 255 / 12%);border-radius:14px;background:#111827;box-shadow:0 24px 64px #00000059}.trade-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 8px}.trade-modal-header h2{margin:0;color:#e5e7eb;font-size:18px}.icon-button{width:34px;height:34px;background:#ffffff0f;font-size:24px;line-height:1}.trade-form{display:flex;flex-direction:column;gap:12px;padding:8px 16px 16px}.amount-field{display:flex;flex-direction:column;gap:6px;color:#cbd5e1;font-size:13px}.amount-field input{width:100%;min-height:42px;border:1px solid rgb(255 255 255 / 14%);border-radius:8px;padding:0 12px;color:#e5e7eb;background:#ffffff0f;outline:none}.amount-field input:focus{border-color:#38bdf8b3}.amount-display{display:flex;align-items:center;justify-content:flex-end;width:100%;min-height:46px;border:1px solid rgb(255 255 255 / 14%);border-radius:8px;padding:0 12px;color:#e5e7eb;background:#ffffff0f;font-size:24px;font-weight:900}.number-keypad{display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"one two three" "four five six" "seven eight nine" "dot zero zero" "delete delete clear";gap:8px}.keypad-button{min-height:44px;background:#ffffff14;font-size:18px;font-weight:800}.keypad-button--backspace,.keypad-button--clear{font-size:14px}.keypad-button--backspace{grid-area:delete}.keypad-button--clear{grid-area:clear;background:#ef444429}.keypad-button--1{grid-area:one}.keypad-button--2{grid-area:two}.keypad-button--3{grid-area:three}.keypad-button--4{grid-area:four}.keypad-button--5{grid-area:five}.keypad-button--6{grid-area:six}.keypad-button--7{grid-area:seven}.keypad-button--8{grid-area:eight}.keypad-button--9{grid-area:nine}.keypad-button--dot{grid-area:dot}.keypad-button--0{grid-area:zero}.trade-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.primary-button,.secondary-button{min-height:38px;padding:0 12px;font-weight:800}.primary-button{background:#38bdf82e}.secondary-button{background:#ffffff0f}.range-panel{padding:16px 14px 14px}.range-header,.range-labels{display:flex;align-items:center;justify-content:space-between;gap:16px}.range-header{color:#cbd5e1;font-size:13px}.range-header strong{color:#e5e7eb}.price-range-bar{position:relative;height:14px;margin:30px 8px 18px;border-radius:999px;background:linear-gradient(90deg,#ef444457,#eab30852,#22c55e57);box-shadow:inset 0 0 0 1px #ffffff1a}.range-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:#ffffff2e}.range-marker{position:absolute;top:50%;width:16px;height:16px;border:3px solid #0b1220;border-radius:50%;box-shadow:0 0 0 1px #ffffff7f;transform:translate(-50%,-50%)}.range-marker-label{position:absolute;left:50%;bottom:20px;width:max-content;max-width:min(220px,78vw);padding:4px 7px;border:1px solid rgb(255 255 255 / 12%);border-radius:8px;color:#e5e7eb;background:#111827;font-size:12px;font-weight:700;line-height:1.2;transform:translate(-50%)}.range-marker--start .range-marker-label{left:0;transform:none}.range-marker--end .range-marker-label{right:0;left:auto;transform:none}.range-labels span{display:flex;min-width:0;flex-direction:column;gap:3px;color:#e5e7eb;font-size:13px}.range-labels span:last-child{align-items:flex-end;text-align:right}.range-labels small{color:#94a3b8;font-size:12px}@media (max-width: 640px){.metrics-panel,.status-panel,.range-panel{min-width:100%}.drawdown-value{font-size:38px}.metric-row{align-items:flex-start}.range-marker-label{font-size:11px}.quick-record-actions{display:grid;grid-template-columns:1fr 1fr}}