@import "https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--nexus-navy:#0b1526;--deep-navy:#06142b;--nexus-blue:#2440e6;--light-blue:#92a0f3;--steel:#3b4658;--bg-0:var(--deep-navy);--bg-1:#0a1a33;--ink:#f4f6fb;--ink-soft:#b7c1d1;--muted:#8b95a8;--line:#92a0f329;--panel:#0b1526c7;--panel-strong:#0f1c34eb;--accent:var(--nexus-blue);--accent-soft:#2440e638;--accent-glow:#92a0f359;--danger:#f87171;--band:#92a0f338;--band-stroke:#92a0f38c;--cash-line:#fff;--zero:#f871718c;--shadow:0 22px 60px #00000059;--radius:16px;--font-display:"Archivo", sans-serif;--font-body:"Archivo", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;color:var(--ink);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(1100px 640px at 8% -8%, #2440e647, transparent 55%), radial-gradient(900px 520px at 92% 0%, #92a0f329, transparent 50%), radial-gradient(700px 480px at 50% 110%, #2440e61f, transparent 55%), linear-gradient(165deg, var(--bg-0), var(--bg-1) 55%, #071530);min-width:320px;color:var(--ink);background-attachment:fixed;margin:0}button,input,select{font:inherit}button{cursor:pointer}#root{isolation:isolate}.app-shell{width:min(1240px,100% - 2rem);margin:0 auto;padding:1.35rem 0 2.5rem}.brand-row{justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:1.15rem;padding:.55rem 0;display:flex}.brand-lockup{flex-direction:column;gap:.45rem;min-width:0;display:flex}.brand-logo{width:min(220px,58vw);min-width:160px;height:auto;display:block}.product-title{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--light-blue);margin:0;font-size:.95rem;font-weight:600}.brand-meta{text-align:right;color:var(--muted);font-family:var(--font-mono);letter-spacing:.02em;font-size:.72rem;line-height:1.55}.hero-stage{border-radius:calc(var(--radius) + 4px);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:1.15rem 1.15rem .85rem;position:relative;overflow:hidden}.hero-stage:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 42%,#92a0f314 50%,#0000 58%);animation:8s ease-in-out infinite sheen;position:absolute;inset:0;transform:translate(-120%)}@keyframes sheen{0%,72%,to{transform:translate(-120%)}86%{transform:translate(120%)}}.hero-head{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.85rem 1.25rem;margin-bottom:.4rem;display:flex;position:relative}.hero-copy h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:clamp(1.15rem,2vw,1.4rem);font-weight:700}.hero-copy p{color:var(--ink-soft);max-width:44ch;margin:.4rem 0 0;font-size:.9rem;line-height:1.45}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}.metric{background:var(--panel-strong);border:1px solid var(--line);border-radius:12px;min-width:0;padding:.55rem .7rem}.metric .label{color:var(--light-blue);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.2rem;font-size:.62rem;display:block}.metric .value{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:600;overflow:hidden}.chart-wrap{z-index:1;height:clamp(320px,48vh,460px);margin-top:.45rem;position:relative}.below{grid-template-columns:1.15fr .85fr;gap:1rem;margin-top:1rem;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:1rem 1.05rem 1.1rem}.panel h3{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0 0 .25rem;font-size:1.05rem;font-weight:700}.panel .sub{color:var(--muted);margin:0 0 .85rem;font-size:.82rem}.source-grid{gap:.65rem;display:grid}.source-card{background:var(--panel-strong);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr auto;gap:.25rem .75rem;padding:.65rem .75rem;display:grid}.source-card .title{font-size:.9rem;font-weight:600}.source-card .detail{color:var(--muted);grid-column:1/-1;font-size:.78rem}.source-card .amt{font-family:var(--font-mono);color:var(--light-blue);font-size:.88rem;font-weight:600}.badge{font-family:var(--font-mono);color:var(--light-blue);letter-spacing:.04em;text-transform:uppercase;background:#92a0f324;border:1px solid #92a0f347;border-radius:6px;align-items:center;gap:.35rem;padding:.18rem .5rem;font-size:.68rem;font-weight:500;display:inline-flex}.badge-ok{color:#9fe7c2;background:#34d3991f;border-color:#34d39959}.badge-muted{color:var(--muted);background:#3b465859;border-color:#3b46588c}.source-actions{margin-top:.65rem}.source-error{color:var(--danger);margin:.45rem 0 0;font-size:.78rem}.flash{color:var(--ink);background:#2440e62e;border:1px solid #92a0f359;border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;margin:0 0 .85rem;padding:.65rem .85rem;font-size:.88rem;display:flex}.flash-dismiss{color:var(--ink-soft);background:0 0;border:none;padding:.1rem .35rem;font-size:1.1rem;line-height:1}.whatif-form{gap:.55rem;margin-bottom:.85rem;display:grid}.row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.field{gap:.25rem;display:grid}.field label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--light-blue);font-size:.62rem}.field input,.field select{border:1px solid var(--line);color:var(--ink);background:#06142bb8;border-radius:10px;padding:.5rem .65rem}.field input:focus,.field select:focus{border-color:var(--nexus-blue);outline:2px solid #2440e673}.field option{background:var(--nexus-navy);color:var(--ink)}.actions{flex-wrap:wrap;gap:.45rem;display:flex}.btn{font-family:var(--font-display);border:none;border-radius:10px;padding:.55rem .85rem;font-weight:600;transition:transform .16s,background .16s,opacity .16s,border-color .16s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--nexus-blue);color:#fff}.btn-primary:hover{background:#1b33c9}.btn-ghost{border:1px solid var(--line);color:var(--ink-soft);background:0 0}.btn-ghost:hover{border-color:var(--light-blue);color:var(--ink)}.btn-danger{color:var(--danger);background:0 0;border:1px solid #f8717159;padding:.3rem .55rem;font-size:.78rem}.trade-list{gap:.45rem;max-height:240px;display:grid;overflow:auto}.trade-item{background:var(--panel-strong);border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr auto auto;align-items:center;gap:.45rem;padding:.55rem .65rem;font-size:.85rem;display:grid}.trade-item .meta{color:var(--muted);font-family:var(--font-mono);font-size:.68rem}.empty{color:var(--muted);padding:.5rem 0;font-size:.85rem}.legend{z-index:1;font-family:var(--font-mono);color:var(--muted);flex-wrap:wrap;gap:.85rem;margin-top:.4rem;font-size:.68rem;display:flex;position:relative}.legend i{vertical-align:middle;border-radius:2px;width:18px;height:3px;margin-right:.35rem;display:inline-block}.legend .cash i{background:var(--cash-line)}.legend .band i{background:var(--band);height:10px}.legend .zero i{background:var(--zero);border-top:1px dashed var(--zero)}@media (width<=960px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.below{grid-template-columns:1fr}}@media (width<=640px){.app-shell{width:min(100% - 1.1rem,100%)}.brand-row{flex-direction:column;align-items:flex-start}.brand-meta{text-align:left}.brand-logo{min-width:160px}.row{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}}
