@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Space Grotesk,sans-serif;background:#070809}:root{--bg-0: #020304;--bg-1: #070a10;--panel: rgba(7, 11, 18, .84);--panel-soft: rgba(10, 14, 22, .74);--line: rgba(230, 236, 248, .2);--line-soft: rgba(230, 236, 248, .08);--line-faint: rgba(230, 236, 248, .04);--text: #ecf0f6;--muted: #97a0af;--accent: #d7e2f0;--positive: #8de0b4;--negative: #f8a19a}.app-shell{min-height:100vh;padding:1rem 1.35rem 2.75rem;background:radial-gradient(72% 56% at 50% -6%,rgba(182,196,222,.12),transparent 72%),radial-gradient(86% 68% at 68% 12%,rgba(47,64,95,.24),transparent 74%),linear-gradient(180deg,#070a10,#020304 62%);color:var(--text);position:relative;overflow-x:clip}.grain{position:fixed;inset:0;background-image:linear-gradient(var(--line-faint) 1px,transparent 1px),linear-gradient(90deg,var(--line-faint) 1px,transparent 1px),radial-gradient(circle at 30% 10%,rgba(255,255,255,.05),transparent 24%);background-size:34px 34px,34px 34px,1600px 900px;-webkit-mask-image:linear-gradient(180deg,#000000e6,#0000008c);mask-image:linear-gradient(180deg,#000000e6,#0000008c);pointer-events:none;z-index:0}.top-nav,.hero,.error-strip,.dashboard-grid{position:relative;z-index:1}.top-nav{border:1px solid var(--line-faint);border-radius:999px;min-height:56px;padding:.35rem .95rem .35rem 1rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.8rem;background:#030509cc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{font-family:Cormorant Garamond,serif;font-size:1.42rem;font-style:italic;line-height:1;white-space:nowrap;letter-spacing:.02em}.main-links{display:flex;align-items:center;justify-content:center;gap:1.75rem}.main-links a{text-decoration:none;color:#d6dde9;font-size:.58rem;text-transform:uppercase;letter-spacing:.32em;font-weight:600;opacity:.82;transition:opacity .16s ease}.main-links a:hover{opacity:1}.nav-tools{justify-self:end;display:flex;align-items:center;gap:.5rem}.search-pill{border:1px solid var(--line-faint);border-radius:999px;min-width:178px;height:34px;padding:0 .5rem 0 .72rem;display:inline-flex;align-items:center;gap:.45rem;background:#ffffff04}.search-pill span{font-size:.61rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.search-pill input{border:0;width:100%;height:100%;background:transparent;color:var(--text);font:inherit;padding:0}.search-pill input:focus{outline:none}.status-pill{border:1px solid var(--line);border-radius:999px;height:34px;padding:0 .78rem;display:inline-flex;align-items:center;font-size:.56rem;text-transform:uppercase;letter-spacing:.22em;color:#b8c3d5;white-space:nowrap}.hero{margin-top:1rem;border:1px solid var(--line-faint);border-radius:1.15rem;min-height:470px;padding:1.5rem 1.55rem 1.15rem;display:grid;grid-template-columns:120px 1fr 430px;gap:1.2rem;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 24%),radial-gradient(84% 115% at 71% 26%,rgba(60,79,113,.27),transparent 68%),linear-gradient(180deg,#06090eeb,#030508f0)}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #bac7e20a}.hero-marker{position:absolute;color:#adb9d073;font-size:.95rem;line-height:1;pointer-events:none}.marker-tl{top:.5rem;left:.55rem}.marker-tr{top:.5rem;right:.65rem}.marker-bl{bottom:.5rem;left:.55rem}.marker-br{bottom:.5rem;right:.65rem}.hero-rail{border-right:1px solid var(--line-faint);padding-right:.8rem;display:flex;flex-direction:column;justify-content:center;gap:2.1rem}.hero-rail span{font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;color:#a3adbf;display:inline-flex;align-items:baseline;gap:.45rem}.hero-rail em{font-style:normal;color:#7f8ba0;font-size:.55rem;letter-spacing:.22em}.hero-content{display:flex;flex-direction:column;justify-content:center;gap:.75rem;max-width:620px}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.21em;font-size:.57rem;color:#9aa5ba}.hero h1{margin:0;font-size:clamp(2.15rem,4.3vw,4rem);line-height:.94;text-transform:uppercase;letter-spacing:.03em;max-width:11ch;text-wrap:balance}.subtitle{margin:0;color:#c6cfdd;max-width:50ch;line-height:1.42;font-size:.93rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.52rem;margin-top:.45rem}.hero-actions button,.risk-panel button,.market-panel header button{border:1px solid var(--line);background:#ffffff08;color:var(--text);border-radius:999px;min-height:36px;padding:.56rem .95rem;font-size:.64rem;text-transform:uppercase;letter-spacing:.14em;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;cursor:pointer}.hero-actions button.primary{background:linear-gradient(180deg,#ffffff24,#ffffff0a)}.hero-actions button.secondary{background:#ffffff05}.hero-actions button:disabled,.risk-panel button:disabled,.market-panel header button:disabled{opacity:.46;cursor:not-allowed}.hero-metrics{margin-top:.5rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.hero-metrics div{border:1px solid var(--line-faint);border-radius:.6rem;padding:.58rem .68rem;background:#00000047}.hero-metrics span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.55rem}.hero-metrics strong{display:block;margin-top:.28rem;font-size:.92rem}.orbital{align-self:end;justify-self:center;width:min(62vw,430px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(216,226,242,.12);background:radial-gradient(circle at 50% 56%,rgba(231,240,255,.11),transparent 38%),radial-gradient(circle at 50% 58%,#1d2638bf,#07090df2 70%);display:grid;place-items:center;position:relative;color:#d9e2f1;overflow:hidden;transform:translateY(12%)}.orbital:before{content:"";position:absolute;inset:8%;border-radius:50%;border:1px solid rgba(224,233,247,.07)}.orbital-spokes{position:absolute;inset:13%;border-radius:50%;background:repeating-conic-gradient(rgba(226,235,250,.18) 0deg,rgba(226,235,250,.18) 1deg,transparent 1deg,transparent 18deg);-webkit-mask-image:radial-gradient(circle at center,transparent 0 22%,#000 23% 100%);mask-image:radial-gradient(circle at center,transparent 0 22%,#000 23% 100%);opacity:.3;animation:spin 44s linear infinite}.orbital-ring{position:absolute;border-radius:999px;border:1px solid rgba(223,233,250,.14);width:76%;height:76%;animation:spin 28s linear infinite}.orbital-ring.ring-2{width:56%;height:56%;animation-duration:20s;animation-direction:reverse}.orbital-ring.ring-3{width:36%;height:36%;animation-duration:11s}.orbital-core{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(231,241,255,.28);background:radial-gradient(circle,#dae5f830,#202a3dcc);box-shadow:0 0 34px #b5c6e62e;z-index:2}.orbital ul{list-style:none;margin:0;padding:0;position:absolute;inset:0}.orbital li{position:absolute;top:50%;left:50%;font-size:.58rem;letter-spacing:.15em;text-transform:uppercase;color:#d2ddec;font-weight:600}.error-strip{margin-top:1rem;border:1px solid rgba(248,161,154,.45);background:#f8a19a1f;border-radius:.8rem;padding:.75rem .9rem;display:flex;align-items:center;gap:.5rem;color:#ffd6d1}.dashboard-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.85rem}.panel{border:1px solid var(--line-faint);border-radius:.92rem;padding:.88rem;background:linear-gradient(180deg,rgba(255,255,255,.012),transparent 22%),var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel header{display:flex;align-items:center;justify-content:space-between;gap:.9rem;margin-bottom:.72rem}.panel h2{margin:0;font-size:.69rem;letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:.34rem}.panel header span{font-size:.59rem;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.market-panel{grid-column:span 4}.memo-panel{grid-column:span 8}.portfolio-panel,.risk-panel,.governance-panel,.automation-panel,.audit-panel{grid-column:span 6}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.48rem .3rem;border-bottom:1px solid var(--line-faint);font-size:.76rem}th{font-size:.55rem;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.positive{color:var(--positive)}.negative{color:var(--negative)}.memo-panel pre{margin:0;white-space:pre-wrap;line-height:1.45;max-height:340px;overflow-y:auto;color:#d8dce3;font-size:.82rem}.memo-footnote{margin-top:.82rem;padding-top:.62rem;border-top:1px solid var(--line-faint);display:flex;flex-wrap:wrap;gap:.72rem}.memo-footnote small{color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.1em}.positions{display:grid;gap:.52rem}.position-row{border:1px solid var(--line-faint);border-radius:.65rem;padding:.56rem .66rem;display:flex;justify-content:space-between;gap:.45rem;background:#ffffff04}.position-row strong{letter-spacing:.09em}.position-row p,.position-row span,.position-row small{margin:0}.position-row small{color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.empty{color:var(--muted);margin:.3rem 0 0}.risk-panel form{display:grid;gap:.68rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.46rem}label{display:grid;gap:.28rem;color:var(--muted);font-size:.63rem;text-transform:uppercase;letter-spacing:.12em}input,select{border:1px solid var(--line-soft);border-radius:.52rem;background:#00000052;color:var(--text);padding:.46rem .56rem;font-family:inherit}.validation,.execution-card{margin-top:.6rem;border-radius:.65rem;padding:.58rem .66rem;border:1px solid var(--line-faint)}.validation p,.validation small,.execution-card p,.execution-card small{margin:0}.validation.good{border-color:#8de0b46b;background:#8de0b417}.validation.bad{border-color:#f8a19a73;background:#f8a19a14}.execution-card{border-color:#d7e2f059;background:#d7e2f014}.automation-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.governance-list{list-style:none;margin:0;padding:0;display:grid;gap:.42rem}.governance-list li{border:1px solid var(--line-faint);border-radius:.62rem;padding:.52rem .62rem;display:flex;justify-content:space-between;gap:.7rem}.governance-list strong{font-size:.67rem;letter-spacing:.06em}.governance-list span{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:.58rem}.governance-limits{margin-top:.52rem;color:var(--muted)}.automation-list li{border:1px solid var(--line-faint);border-radius:.68rem;padding:.62rem;display:flex;justify-content:space-between;gap:.85rem}.automation-list strong{font-size:.72rem}.automation-list p{margin:.3rem 0 0;color:var(--muted);font-size:.68rem}.automation-list a{align-self:center;color:var(--accent);text-decoration:none;font-size:.6rem;text-transform:uppercase;letter-spacing:.12em}.audit-feed{max-height:310px;overflow-y:auto;display:grid;gap:.42rem}.audit-event{border:1px solid var(--line-faint);border-radius:.62rem;padding:.52rem .58rem}.audit-event p{margin:0;display:flex;justify-content:space-between;gap:.42rem}.audit-event small{color:var(--muted);font-size:.7rem}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1280px){.top-nav{grid-template-columns:1fr;border-radius:1rem;gap:.65rem;padding:.72rem .88rem}.main-links{justify-content:flex-start;gap:1.05rem;flex-wrap:wrap}.nav-tools{justify-self:start}.hero{grid-template-columns:96px 1fr 350px}.hero h1{font-size:clamp(1.9rem,4.6vw,3.1rem)}.orbital{width:min(56vw,360px)}}@media(max-width:1080px){.hero{grid-template-columns:1fr;min-height:auto;padding-bottom:1.1rem}.hero-rail{border-right:0;border-bottom:1px solid var(--line-faint);padding-right:0;padding-bottom:.7rem;flex-direction:row;justify-content:flex-start;gap:1.1rem}.hero h1{max-width:none}.orbital{width:min(78vw,370px);justify-self:center;transform:translateY(0)}.dashboard-grid{grid-template-columns:1fr}.market-panel,.memo-panel,.portfolio-panel,.risk-panel,.governance-panel,.automation-panel,.audit-panel{grid-column:span 1}}@media(max-width:760px){.app-shell{padding:.85rem}.brand{font-size:1.24rem}.search-pill{min-width:140px}.hero{padding:1rem;border-radius:.92rem}.hero-actions{flex-direction:column;align-items:flex-start}.hero-metrics,.form-grid{grid-template-columns:1fr}}
