:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#111419;--panel:#181d26f5;--panel-soft:#1e242feb;--line-soft:#ffffff12;--line-strong:#ffffff1f;--text-strong:#f4f6fb;--text-main:#d8deea;--text-soft:#aeb7c8;--text-muted:#828c9e;--accent:#8af;--accent-strong:#c2d1ff;--accent-soft:#88aaff1f;--shadow-panel:0 8px 24px #00000029;font-family:MiSans,SF Pro Display,PingFang SC,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--text-main);background:linear-gradient(180deg, #101318 0%, var(--bg) 100%);margin:0}body:before,body:after{content:"";pointer-events:none;position:fixed;inset:0}body:before{background:linear-gradient(#ffffff04,#0000 22%)}body:after{background:radial-gradient(circle at 0 0,#88aaff0d,#0000 20%)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}#app{z-index:1;min-height:100vh;position:relative}.skip-link{z-index:20;color:#111419;background:#fff;border-radius:999px;padding:10px 14px;transition:transform .16s;position:absolute;top:16px;left:16px;transform:translateY(-180%)}.skip-link:focus-visible{transform:translateY(0)}.shell{min-height:100vh;padding:12px}.shell--canvas{padding:0}.shell__frame{grid-template-columns:220px minmax(0,1fr);gap:12px;width:min(1520px,100%);min-height:calc(100dvh - 24px);margin:0 auto;display:grid}.shell__frame--canvas{grid-template-columns:1fr;width:100%;max-width:none;min-height:100dvh;margin:0}.side-panel,.workspace,.scene-panel,.panel,.metric-card,.module-card,.toast-card{border:1px solid var(--line-soft);background:var(--panel);box-shadow:var(--shadow-panel)}.side-panel{border-radius:18px;flex-direction:column;align-self:start;gap:14px;padding:16px 12px;display:flex;position:sticky;top:12px}.brand-block,.nav-section{position:relative}.brand-block__eyebrow,.command-bar__eyebrow,.scene-panel__eyebrow,.panel__eyebrow,.metric-card__label,.nav-section__title,.toast-card__title{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);margin:0;font-size:.74rem;font-weight:600}.brand-block__title{color:var(--text-strong);letter-spacing:-.02em;margin:6px 0 0;font-size:clamp(1.2rem,1.6vw,1.45rem);font-weight:700;line-height:1.04}.nav-section__title{color:var(--text-muted);margin-bottom:8px;padding:0 8px}.nav-grid{gap:4px;display:grid}.nav-card{background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;min-height:42px;padding:0 10px;transition:border-color .16s,background .16s,color .16s;display:flex}.nav-card:hover{border-color:var(--line-soft);background:#ffffff08}.nav-card--active{background:var(--accent-soft);border-color:#88aaff2e}.nav-card__label{color:var(--text-strong);font-size:.93rem;font-weight:600}.workspace{border-radius:18px;flex-direction:column;gap:10px;min-width:0;min-height:0;padding:18px;display:flex}.workspace--immersive{height:calc(100dvh - 24px);min-height:calc(100dvh - 24px)}.shell--canvas .workspace--immersive{height:100dvh;min-height:100dvh}.workspace--canvas{border-radius:0;padding:0}.shell--canvas .workspace__main--immersive{overflow:auto}.command-bar,.workspace__main{position:relative}.command-bar{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.command-bar__copy{max-width:760px}.command-bar__title{color:var(--text-strong);letter-spacing:-.02em;margin:4px 0 0;font-size:clamp(1.7rem,2.4vw,2.2rem);font-weight:700;line-height:1.06}.command-bar__description{max-width:640px;color:var(--text-soft);margin:8px 0 0;font-size:.92rem}.command-bar__refresh{flex-shrink:0}.workspace-status{color:var(--text-muted);margin:0;font-size:.88rem}.workspace__main{gap:14px;min-height:0;display:grid}.workspace__main--immersive{flex:1;min-height:0;display:flex;overflow:hidden}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:0 14px;transition:transform .16s,border-color .16s,background .16s,opacity .16s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.65;cursor:not-allowed;transform:none}.button--primary{background:var(--accent);color:#0f1726;font-weight:600}.button--secondary{border-color:var(--line-soft);color:var(--text-strong);background:#ffffff08}.button--compact{min-height:34px;padding:0 12px}.scene-panel,.panel{border-radius:16px}.scene-panel{padding:18px}.scene-panel__hero{grid-template-columns:1fr;gap:14px;display:grid}.scene-panel__copy{max-width:720px}.scene-panel__title{color:var(--text-strong);margin:6px 0 0;font-size:clamp(1.48rem,2vw,1.9rem);font-weight:700;line-height:1.08}.scene-panel__summary{color:var(--text-soft);margin:8px 0 0;font-size:.92rem}.scene-panel__note{color:var(--text-muted);margin:6px 0 0;font-size:.88rem}.scene-panel__actions{flex-wrap:wrap;justify-content:flex-start;gap:10px;display:flex}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:18px;display:grid}.metric-card{background:var(--panel-soft);border-radius:14px;padding:14px}.metric-card__value{color:var(--text-strong);margin-top:10px;font-size:1.18rem;font-weight:700;display:block}.metric-card__detail{color:var(--text-muted);margin:6px 0 0;font-size:.88rem}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.panel{padding:16px}.panel__title{color:var(--text-strong);margin:6px 0 0;font-size:1.08rem;font-weight:700}.module-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:16px;display:grid}.module-card{background:var(--panel-soft);border-radius:14px;padding:16px}.module-card__title{color:var(--text-strong);margin:8px 0 6px;font-size:1rem;font-weight:700}.module-card__description{color:var(--text-muted);margin:0;font-size:.9rem}.toast-stack{z-index:5;gap:10px;width:min(360px,100vw - 24px);display:grid;position:fixed;bottom:16px;right:16px}.toast-card{background:var(--panel-soft);border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.toast-card__copy{min-width:0}.toast-card__title{color:var(--text-strong)}.toast-card__message{color:var(--text-muted);margin:6px 0 0;font-size:.9rem}.toast-enter-active,.toast-leave-active{transition:opacity .22s,transform .22s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(12px)}:focus-visible{outline-offset:2px;outline:2px solid #88aaffb8}@media (width<=1200px){.shell__frame{grid-template-columns:1fr}.shell__frame--canvas{min-height:100dvh}.side-panel{position:relative;top:0}.nav-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=920px){.shell{padding:10px}.shell--canvas{padding:0}.workspace,.side-panel,.scene-panel,.panel{border-radius:14px;padding:14px}.command-bar,.content-grid,.metric-grid,.module-grid{grid-template-columns:1fr;display:grid}.button,.button--compact{width:100%}.shell--canvas .button,.shell--canvas .button--compact{width:auto}}@media (width<=700px){.nav-grid,.content-grid{grid-template-columns:1fr}.command-bar__title{font-size:1.6rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}