:root { --bg:#07100f; --panel:#0d1b19; --panel2:#102220; --line:#27413d; --ink:#eff5ee; --muted:#98aaa5; --copper:#dc794d; --green:#78d3a0; --red:#ec7d72; --gold:#e9bd69; }
* { box-sizing:border-box; } body { margin:0; background:radial-gradient(ellipse at 90% 0%,#16312c 0,transparent 32%),var(--bg); color:var(--ink); font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
.shell { width:min(1420px,calc(100% - 48px)); margin:auto; padding:42px 0 28px; }.topbar { display:flex; justify-content:space-between; gap:24px; align-items:flex-start; padding-bottom:30px; }.eyebrow,.label { font-size:11px; font-weight:800; letter-spacing:.13em; color:var(--copper); margin:0 0 6px; }.topbar h1 { font:700 clamp(32px,5vw,55px)/1.04 Georgia,serif; margin:0; letter-spacing:-.04em; }.topbar h1 span { color:var(--copper); }.subtitle { max-width:740px; color:var(--muted); margin:12px 0 0; font-size:16px; }.demo-badge { display:grid; gap:3px; padding:11px 14px; border:1px solid #805946; background:#241b17; color:#ffc5aa; border-radius:5px; min-width:154px; text-align:center; font-size:11px; letter-spacing:.08em; }.demo-badge span { color:#d7a68f; font-size:10px; letter-spacing:0; }
.callout { display:grid; grid-template-columns:auto 1fr minmax(240px,.8fr); align-items:center; gap:16px; padding:20px 24px; border:1px solid #566b42; background:linear-gradient(90deg,#17231c,#111f1d); }.pulse { width:12px;height:12px;border-radius:99px;background:var(--green);box-shadow:0 0 0 7px #244836; }.callout h2 { margin:0; font:700 22px/1.15 Georgia,serif; }.callout-copy { color:var(--muted); border-left:1px solid var(--line); padding-left:18px; }
.score-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:16px 0; }.score { padding:18px; border:1px solid var(--line); background:var(--panel); min-height:135px; }.score-name { color:var(--muted); font-size:12px; }.score-value { font:700 43px/1 Georgia,serif; margin:18px 0 9px; }.score-value small { font:500 14px Inter,sans-serif; color:var(--muted); }.score-bottom { display:flex; justify-content:space-between; font-size:12px; }.positive { color:var(--green); }.negative { color:var(--red); }.warning { color:var(--gold); }.neutral { color:#c0d0cb; }
.live-panel { margin:16px 0; }.live-inputs { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:16px; }.live-card { min-height:106px; padding:14px; background:#0a1615; border:1px solid #29433e; display:flex; flex-direction:column; gap:5px; }.live-card span,.live-card small { color:var(--muted); font-size:11px; }.live-card strong { font:700 23px/1 Georgia,serif; }.live-card strong small { font:500 11px Inter,sans-serif; }.live-card em { font-size:12px; font-style:normal; font-weight:700; }.live-card.unavailable { border-color:#69433e; }.dashboard-grid { display:grid; grid-template-columns:1.35fr .9fr; gap:16px; }.lower { margin-top:16px; grid-template-columns:1.1fr .9fr; }.panel { border:1px solid var(--line); background:linear-gradient(150deg,var(--panel),#0a1514); padding:23px; min-width:0; }.panel-heading { display:flex; justify-content:space-between; gap:15px; align-items:flex-start; }.panel h2 { font:700 22px/1.15 Georgia,serif; margin:0; }.legend { color:var(--muted); font-size:11px; white-space:nowrap; }.legend i { width:9px;height:9px;display:inline-block;border-radius:99px;margin:0 4px 0 8px; }.l1 {background:var(--green)}.l2{background:var(--red)}.l3{background:var(--gold)} .chart-wrap { margin-top:22px; overflow:auto; }.chart-wrap svg { min-width:560px; width:100%; }.gridline{stroke:#26403b;stroke-width:1}.axis-label{fill:#82938e;font-size:11px}.line-tightness,.line-financial,.line-dislocation{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.line-tightness{stroke:var(--green)}.line-financial{stroke:var(--red)}.line-dislocation{stroke:var(--gold);stroke-dasharray:5 5}.caption,.disclaimer { color:var(--muted); font-size:12px; margin:18px 0 0; }.alert-panel { border-color:#735943; background:linear-gradient(150deg,#211c17,#121b19); }.alert-panel>p:not(.label):not(.disclaimer) { color:#c0c6c2; }.metric-row { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:25px; }.metric { padding:11px; background:#101c1b; border:1px solid #33433c; }.metric strong { display:block;font:700 17px Georgia,serif;margin:3px 0; }.metric span { display:block;color:var(--muted);font-size:10px;line-height:1.25; }.tag { font-size:10px; letter-spacing:.08em;color:var(--green); border:1px solid #3d7052;padding:4px 6px; }.tag.muted{color:var(--muted);border-color:var(--line)}.drivers,.data-status { margin-top:16px; }.driver { display:grid;grid-template-columns:1fr auto;gap:4px 15px;padding:12px 0;border-top:1px solid #20332f; }.driver:first-child,.source:first-child { border-top:0; }.driver small {color:var(--muted);grid-column:1/2}.impact{font-weight:700;align-self:center}.source{display:grid;grid-template-columns:1fr auto;gap:2px;padding:13px 0;border-top:1px solid #20332f}.source span{color:var(--muted);font-size:12px}.source small{grid-column:1/3;color:#c0d0cb;font-size:11px}footer{display:flex;justify-content:space-between;color:#72837e;font-size:11px;padding:25px 0 0;border-top:1px solid #1a2b28;margin-top:22px}
@media(max-width:850px){.shell{width:min(100% - 28px,1420px);padding-top:24px}.topbar,.callout,footer{display:block}.demo-badge{display:inline-grid;margin-top:16px}.callout-copy{border:0;padding:12px 0 0}.score-grid,.dashboard-grid,.lower{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.metric-row{grid-template-columns:1fr}.legend{white-space:normal;text-align:right}}@media(max-width:540px){.score-grid{grid-template-columns:1fr 1fr}.panel{padding:17px}.topbar h1{font-size:34px}}