:root { --bg:#09111f; --panel:#101c2e; --panel-2:#13243b; --text:#edf4ff; --muted:#93a7c3; --line:#223957; --blue:#55a7ff; --green:#5be4b0; --amber:#ffbf69; --red:#ff7786; }
* { box-sizing:border-box; }
body { margin:0; background:radial-gradient(circle at 15% 0%,#18365b 0%,var(--bg) 34rem); color:var(--text); font:15px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.shell { max-width:1450px; margin:auto; padding:32px 24px 64px; }
.topbar,.controlbar,.section-heading,.top-actions,.chart-legend,.levels,.order-form { display:flex; align-items:center; }
.topbar,.section-heading { justify-content:space-between; gap:20px; }.topbar{margin-bottom:24px}.top-actions{gap:10px}.controlbar{gap:14px;flex-wrap:wrap;margin-bottom:18px;padding:14px 18px}.controlbar .muted{margin-left:auto}.panel { background:linear-gradient(160deg,rgba(19,36,59,.96),rgba(12,24,42,.96)); border:1px solid var(--line); border-radius:16px; box-shadow:0 18px 35px rgba(0,0,0,.16); padding:20px; }
h1,h2,p { margin:0; }h1{font-size:clamp(26px,4vw,38px);letter-spacing:-.04em}h2{font-size:18px;letter-spacing:-.02em}.eyebrow{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.12em;margin-bottom:4px}.muted,small{color:var(--muted)}
.button { border:0;border-radius:9px;background:var(--blue);color:#061321;font-weight:750;padding:10px 14px;cursor:pointer;transition:transform .15s,opacity .15s}.button:hover{transform:translateY(-1px);opacity:.92}.button.secondary{background:#223b5d;color:var(--text)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}
.badge{display:inline-flex;border:1px solid #385778;color:#b6cce8;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:750}.badge-warning{color:var(--amber);border-color:#765924}.badge-safe{color:var(--green);border-color:#2a695b}
input,select { width:100%;min-height:38px;border:1px solid #315070;border-radius:8px;background:#091728;color:var(--text);padding:7px 9px;font:inherit }label{display:grid;gap:5px;color:#b8c9df;font-size:12px;font-weight:650}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.metric{display:grid;gap:5px;padding:17px}.metric span{color:var(--muted);font-size:12px}.metric strong{font-size:25px;letter-spacing:-.04em}.grid{display:grid;gap:16px;margin-bottom:16px}.primary-grid{grid-template-columns:1.4fr 1fr}.three-grid{grid-template-columns:repeat(3,1fr)}.calculators{grid-template-columns:repeat(2,1fr)}
.chart-panel{min-height:342px}.chart-panel svg{width:100%;height:245px;margin-top:15px;border-radius:10px;background:linear-gradient(180deg,rgba(85,167,255,.08),transparent)}.chart-legend{justify-content:space-between;color:var(--muted);font-size:12px}.assistant-copy{margin-top:18px;white-space:pre-wrap;color:#d7e5f7}.key-values{display:grid;grid-template-columns:1fr auto;gap:10px;margin:18px 0}.key-values dt{color:var(--muted)}.key-values dd{margin:0;font-weight:700}.levels{gap:20px;border-top:1px solid var(--line);padding-top:14px}.levels>div{flex:1}.levels span{font-size:12px;color:var(--muted)}.levels p{margin-top:3px;font-weight:650}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.chips span{background:#1b3150;color:#cae0ff;border-radius:999px;padding:5px 8px;font-size:11px}.notice{color:var(--muted);font-size:12px;margin-top:14px}.news-list{padding:0;margin:16px 0 0;list-style:none;display:grid;gap:10px;max-height:205px;overflow:auto}.news-list li{padding-bottom:9px;border-bottom:1px solid var(--line)}.news-list a{color:#dceaff;text-decoration:none;font-weight:650}.news-list small{display:block;margin-top:2px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.form-grid .button{align-self:end}.result{margin:14px 0 0;padding:12px;min-height:57px;border:1px solid var(--line);border-radius:9px;background:#091728;color:#dceaff;white-space:pre-wrap;overflow:auto;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.execution-panel{margin-top:16px}.order-form{gap:12px;align-items:end;margin-top:16px}.order-form>label:not(.confirmation){flex:1}.confirmation{display:flex;align-items:center;gap:7px;max-width:175px}.confirmation input{width:auto;min-height:auto}.error{color:var(--red)}
@media (max-width:1050px){.primary-grid,.calculators{grid-template-columns:1fr}.three-grid{grid-template-columns:1fr 1fr}.three-grid>article:last-child{grid-column:1/-1}.metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.shell{padding:22px 14px}.primary-grid,.three-grid,.calculators,.metrics{grid-template-columns:1fr}.three-grid>article:last-child{grid-column:auto}.topbar,.controlbar,.section-heading{align-items:flex-start;flex-direction:column}.controlbar .muted{margin-left:0}.form-grid{grid-template-columns:1fr 1fr}.order-form{align-items:stretch;flex-direction:column}.order-form>label:not(.confirmation){width:100%}}