@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eceff1;--bg-soft:#f5f5f5;--surface:#fff;--surface-strong:#f5f5f5;--surface-contrast:#263238;--surface-contrast-soft:#263238e0;--text:#212121;--muted:#0000008a;--line:#0000001f;--line-strong:#0000003d;--accent:#009688;--accent-soft:#0096881f;--steel:#455a64;--steel-soft:#455a641f;--moss:#546e7a;--moss-soft:#546e7a1f;--ink:#263238;--ink-soft:#26323814;--success:#4caf50;--warning:#ff9800;--danger:#f44336;--info:#2196f3;--shadow:0 2px 1px -1px #0003, 0 1px 1px 0 #00000024, 0 1px 3px 0 #0000001f;--shadow-md:0 3px 3px -2px #0003, 0 3px 4px 0 #00000024, 0 1px 8px 0 #0000001f;--radius-xl:4px;--radius-lg:4px;--radius-md:4px;--radius-sm:4px;font-family:Poppins,Segoe UI,sans-serif}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#303030;--bg-soft:#383838;--surface:#424242;--surface-strong:#4a4a4a;--surface-contrast:#eceff1;--surface-contrast-soft:#eceff11f;--text:#ffffffde;--muted:#fff9;--line:#ffffff1f;--line-strong:#fff3;--accent:#80cbc4;--accent-soft:#80cbc429;--steel:#90a4ae;--steel-soft:#90a4ae29;--moss:#78909c;--moss-soft:#78909c29;--ink:#eceff1;--ink-soft:#eceff11f;--success:#81c784;--warning:#ffb74d;--danger:#e57373;--info:#64b5f6;--shadow:0 2px 1px -1px #0006, 0 1px 1px 0 #00000047, 0 1px 3px 0 #0000003d;--shadow-md:0 3px 3px -2px #0006, 0 3px 4px 0 #00000047, 0 1px 8px 0 #0000003d}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);background-color:var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Poppins,Segoe UI,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}img,svg{display:block}h1,h2,h3,h4,p{margin:0}.mono{font-family:Courier New,monospace}.icon{width:1.15rem;height:1.15rem}.eyebrow{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.75rem;font-weight:500;display:inline-flex}.visually-hidden{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{grid-template-columns:auto 1fr;min-height:100vh;display:grid}.app-shell__main{background-color:var(--bg);min-width:0}.app-shell__content{padding:1.5rem}.sidebar{color:#fff;z-index:20;background-color:#455a64;flex-direction:column;width:300px;height:100vh;padding:.5rem 0;transition:width .4s cubic-bezier(.25,.8,.25,1),transform .4s cubic-bezier(.25,.8,.25,1);display:flex;position:sticky;top:0;overflow:hidden}.sidebar--collapsed{width:68px}.sidebar--mobile{width:min(80vw,300px);position:fixed;transform:translate(-100%)}.sidebar--mobile.sidebar--open{transform:translate(0)}.sidebar__brand,.sidebar__footer{align-items:center;gap:.5rem;display:flex}.sidebar__brand{border-bottom:1px solid #ffffff1f;min-height:64px;padding:.5rem .25rem .5rem .5rem}.brand-mark{color:#fff;letter-spacing:.04em;background-color:#ffffff26;border-radius:4px;flex-shrink:0;place-items:center;width:2.25rem;height:2.25rem;margin:0 .25rem;font-size:.75rem;font-weight:600;display:grid}.brand-copy{white-space:nowrap;gap:.1rem;display:grid;overflow:hidden}.brand-copy strong{font-size:1rem;font-weight:500}.brand-copy span{color:#fff9;font-size:.72rem}.sidebar__scroll{flex:1;padding:.5rem 0;overflow:hidden auto}.sidebar__section{margin-bottom:.5rem}.sidebar__section-label{color:#ffffff80;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;margin-bottom:.25rem;padding:0 .5rem 0 1.5rem;font-size:.68rem;font-weight:500;display:block;overflow:hidden}.sidebar__links{gap:0;display:grid}.nav-item{color:#ffffffde;white-space:nowrap;border:none;border-radius:0;align-items:center;gap:1rem;height:48px;padding:0 .5rem 0 1.5rem;transition:background-color .15s;display:flex;overflow:hidden}.nav-item:hover{color:#fff;background-color:#546e7a}.nav-item--active{color:#fff;background-color:#263238}.nav-item__icon{flex-shrink:0;place-items:center;width:1.5rem;height:1.5rem;display:grid}.nav-item--active .nav-item__icon{opacity:1}.nav-item__label{font-size:.875rem;font-weight:400}.sidebar__footer{border-top:1px solid #ffffff1f;gap:0;margin-top:0;padding-top:0;display:grid}.sidebar__collapse,.sidebar__theme{color:#fff9;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:0;justify-content:flex-start;align-items:center;gap:1rem;width:100%;height:48px;padding:0 .5rem 0 1.5rem;font-size:.875rem;font-weight:400;transition:background-color .15s;display:flex;overflow:hidden}.sidebar__collapse:hover,.sidebar__theme:hover{color:#ffffffde;background-color:#546e7a}.profile-chip{border-top:1px solid #ffffff1f;align-items:center;gap:1rem;padding:.75rem .5rem .75rem 1.5rem;display:flex;overflow:hidden}.profile-chip__avatar{color:#fff;background-color:#009688;border-radius:50%;flex-shrink:0;place-items:center;width:2rem;height:2rem;font-size:.75rem;font-weight:600;display:grid}.profile-chip__copy{white-space:nowrap;gap:.1rem;min-width:0;display:grid;overflow:hidden}.profile-chip__copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.profile-chip__copy small{color:#fff9;font-size:.72rem}.topbar{z-index:15;background-color:#fff;position:sticky;top:0;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}html[data-theme=dark] .topbar{background-color:#37474f;box-shadow:0 2px 4px -1px #0006,0 4px 5px #00000047,0 1px 10px #0000003d}.topbar__row{justify-content:space-between;align-items:center;gap:1rem;height:64px;padding:0 1.5rem;display:flex}.topbar__left,.topbar__actions{align-items:center;gap:.75rem;display:flex}.topbar__left{min-width:0}.topbar__date{color:var(--muted);font-size:.8rem}html[data-theme=dark] .topbar__date{color:#fff9}.breadcrumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.85rem;display:flex}html[data-theme=dark] .breadcrumbs{color:#fff9}.breadcrumbs a:after,.breadcrumbs__current:after{content:"/";margin-left:.45rem}.breadcrumbs__current:last-child:after{display:none}.breadcrumbs__current{color:var(--text);font-weight:500}html[data-theme=dark] .breadcrumbs__current{color:#ffffffde}.page{gap:1.5rem;display:grid}.page--centered{place-items:center;min-height:calc(100vh - 180px)}.page-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.page-header__copy{max-width:60rem}.page-header__copy h1{margin-bottom:.5rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:500;line-height:1.2}.page-header__copy p{max-width:48rem;color:var(--muted);font-size:.9rem;line-height:1.5}.page-header__actions{flex-wrap:wrap;gap:.75rem;display:flex}.stats-grid,.spotlight-grid,.dashboard-grid,.workspace-grid,.form-layout,.project-grid,.module-grid{gap:1.5rem;display:grid}.stats-grid,.spotlight-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1.3fr 1fr}.workspace-grid{grid-template-columns:minmax(0,1.8fr) minmax(300px,.95fr)}.workspace-grid__main,.workspace-grid__aside,.form-layout__aside{gap:1.5rem;display:grid}.form-layout{grid-template-columns:minmax(0,1.7fr) minmax(280px,.85fr)}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.module-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-overlay{z-index:10;background:#00000080;border:0;position:fixed;inset:0}@media (width<=1280px){.stats-grid,.spotlight-grid,.project-grid,.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.app-shell{grid-template-columns:1fr}.topbar{padding:0}.app-shell__content{padding:1rem}.page-header,.topbar__row,.topbar__actions{flex-direction:column;align-items:stretch;height:auto;padding:.75rem 1rem}.stats-grid,.spotlight-grid,.dashboard-grid,.workspace-grid,.form-layout,.project-grid,.module-grid{grid-template-columns:1fr}}.panel{background:var(--surface);box-shadow:var(--shadow);border-radius:4px;padding:1.25rem;position:relative;overflow:hidden}.panel__header{justify-content:space-between;align-items:flex-start;gap:.9rem;margin-bottom:1rem;display:flex}.panel__header h2{margin-bottom:.2rem;font-size:1rem;font-weight:500}.panel__header p,.panel__note{color:var(--muted);font-size:.875rem;line-height:1.5}.hero{grid-template-columns:1.2fr 1fr;gap:1.5rem;min-height:280px;display:grid}.hero__copy{flex-direction:column;justify-content:space-between;padding:.5rem;display:flex}.hero__copy h2{margin-bottom:.75rem;font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:500;line-height:1.2}.hero__copy p{max-width:40rem;color:var(--muted);font-size:.875rem;line-height:1.6}.hero__actions,.button-row,.filter-row,.toolbar{flex-wrap:wrap;gap:.75rem;display:flex}.hero__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.stat-card{background:var(--surface-strong);box-shadow:var(--shadow);border-radius:4px;gap:.5rem;padding:1rem;display:grid}.stat-card--accent{border-left:4px solid var(--accent)}.stat-card--steel{border-left:4px solid var(--steel)}.stat-card--moss{border-left:4px solid var(--moss)}.stat-card--ink{border-left:4px solid #607d8b}.stat-card__top{justify-content:space-between;align-items:center;display:flex}.stat-card__icon{background:var(--accent-soft);border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;display:grid}.stat-card--steel .stat-card__icon{background:var(--steel-soft)}.stat-card--moss .stat-card__icon{background:var(--moss-soft)}.stat-card--ink .stat-card__icon{background:var(--ink-soft)}.stat-card__trend{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:500}.stat-card__value{font-size:1.5rem;font-weight:500}.stat-card__label{font-size:.875rem;font-weight:500}.stat-card__hint{color:var(--muted);font-size:.8rem;line-height:1.4}.feature-card{gap:.75rem;min-height:180px;display:grid}.feature-card__icon,.module-card__icon{background:var(--accent-soft);border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;display:grid}.feature-card h3,.module-card h3{font-size:.95rem;font-weight:500}.feature-card p,.module-card p{color:var(--muted);font-size:.875rem;line-height:1.5}.feature-card__link{color:var(--accent);align-items:center;gap:.35rem;margin-top:auto;font-size:.875rem;font-weight:500;display:inline-flex}.stack-list,.machine-list,.signal-list,.activity-list,.upload-list,.mini-card-list,.settings-list,.check-list,.breakdown-list,.scenario-list,.timeline,.detail-list{gap:.5rem;display:grid}.stack-list__item,.machine-list__item,.signal-list__item,.activity-list__item,.settings-list__item,.breakdown-list__item{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:.9rem;padding:.75rem 0;display:flex}.stack-list__item:first-child,.machine-list__item:first-child,.signal-list__item:first-child,.activity-list__item:first-child,.settings-list__item:first-child,.breakdown-list__item:first-child{border-top:0;padding-top:0}.stack-list__copy,.stack-list__progress,.machine-list__meta,.upload-card__meta{gap:.25rem;display:grid}.stack-list__copy span,.stack-list__copy small,.machine-list__item small,.signal-list__item p,.activity-list__item p,.settings-list__item p,.mini-card p,.upload-card small,.upload-card__meta span,.detail-list span,.scenario-card small{color:var(--muted);font-size:.8rem}.machine-list__meta,.stack-list__progress,.breakdown-list__bar{min-width:140px}.progress-bar{background:var(--line);border-radius:2px;height:4px;overflow:hidden}.progress-bar span{border-radius:inherit;background:var(--accent);height:100%;display:block}.status-pill{letter-spacing:.04em;text-transform:uppercase;border-radius:16px;justify-content:center;align-items:center;padding:.2rem .6rem;font-size:.72rem;font-weight:500;display:inline-flex}.status-pill--active{color:var(--accent);background:var(--accent-soft)}.status-pill--success{color:#388e3c;background:#388e3c1f}html[data-theme=dark] .status-pill--success{color:var(--success);background:#81c78429}.status-pill--warning{color:#e65100;background:#e651001f}html[data-theme=dark] .status-pill--warning{color:var(--warning);background:#ffb74d29}.status-pill--danger{color:#c62828;background:#c628281f}html[data-theme=dark] .status-pill--danger{color:var(--danger);background:#e5737329}.status-pill--neutral{color:var(--muted);background:#00000014}html[data-theme=dark] .status-pill--neutral{background:#ffffff1f}.status-pill--info{color:#1565c0;background:#1565c01f}html[data-theme=dark] .status-pill--info{color:var(--info);background:#64b5f629}.primary-button,.secondary-button,.ghost-button,.icon-button,.filter-chip{cursor:pointer;letter-spacing:.04em;text-transform:uppercase;border:none;border-radius:4px;justify-content:center;align-items:center;gap:.4rem;height:36px;padding:0 1rem;font-size:.875rem;font-weight:500;transition:background-color .15s,box-shadow .15s;display:inline-flex}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.icon-button:hover,.filter-chip:hover{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.primary-button{background-color:var(--accent);color:#fff}.primary-button:hover{background-color:#00897b}.secondary-button{background-color:var(--accent-soft);color:var(--accent)}.secondary-button:hover{background-color:#00968833}.ghost-button,.filter-chip{color:var(--text);border:1px solid var(--line);background-color:#0000}.ghost-button:hover,.filter-chip:hover{background-color:#0000000a}html[data-theme=dark] .ghost-button:hover,html[data-theme=dark] .filter-chip:hover{background-color:#ffffff14}.filter-chip--active{background-color:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.icon-button{width:36px;height:36px;color:var(--muted);background:0 0;border:none;border-radius:50%;padding:0}.icon-button:hover{box-shadow:none;background-color:#00000014}html[data-theme=dark] .icon-button:hover{background-color:#ffffff1f}.search-box{border:1px solid var(--line);background:var(--surface);border-radius:4px;align-items:center;gap:.5rem;min-width:min(360px,100%);padding:.5rem .875rem;display:flex;position:relative}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.search-box input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:.875rem}.search-box__results{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-md);z-index:10;border-radius:4px;gap:.25rem;padding:.5rem;display:grid;position:absolute;top:calc(100% + 4px);left:0;right:0}.search-box__result{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;gap:.1rem;padding:.5rem .75rem;font-size:.875rem;display:grid}.search-box__result:hover{background:#0000000a}html[data-theme=dark] .search-box__result:hover{background:#ffffff14}.search-box__result small{color:var(--muted);font-size:.75rem}.dropzone{border:2px dashed var(--line-strong);background:var(--surface);text-align:center;border-radius:4px;place-items:center;gap:1rem;min-height:280px;padding:2rem;transition:border-color .15s,background-color .15s;display:grid}.dropzone--dragging{border-color:var(--accent);background:var(--accent-soft)}.dropzone__icon{background:var(--accent-soft);border-radius:50%;place-items:center;width:4rem;height:4rem;display:grid}.dropzone h2{font-size:1.2rem;font-weight:500}.dropzone p,.dropzone__message{max-width:42rem;color:var(--muted);font-size:.875rem;line-height:1.6}.dropzone__actions,.upload-card__actions{flex-wrap:wrap;gap:.5rem;display:flex}.upload-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;border-radius:4px;gap:.75rem;width:100%;padding:.875rem 1rem;transition:background-color .15s;display:grid}.upload-card:hover{background-color:#00000005}html[data-theme=dark] .upload-card:hover{background-color:#ffffff0a}.upload-card--active{border-color:var(--accent);background:var(--accent-soft)}.upload-card__top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.viewer-stage{gap:0}.viewer-stage__actions{flex-wrap:wrap;gap:.5rem;display:flex}.viewer-stage__canvas{border:1px solid var(--line);background:var(--surface);border-radius:4px;min-height:380px;position:relative;overflow:hidden}.viewer-stage__grid{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:40px 40px;position:absolute;inset:0}.viewer-stage__shape{filter:drop-shadow(0 4px 8px #0000002e);border-radius:4px;position:absolute}.viewer-stage__shape--primary{border:1px solid var(--steel-soft);background:linear-gradient(135deg, var(--steel-soft), #455a644d);width:280px;height:180px;top:28%;left:22%;transform:rotate(-16deg)skew(-12deg)}.viewer-stage__shape--secondary{border:1px solid var(--line-strong);background:linear-gradient(135deg, var(--surface), var(--surface-strong));width:160px;height:150px;top:24%;left:42%;transform:rotate(16deg)}.viewer-stage__shape--highlight{border:1px solid var(--accent-soft);background:linear-gradient(135deg, var(--accent-soft), #0096884d);width:120px;height:70px;top:56%;left:56%;transform:rotate(-12deg)}.viewer-stage__hud{background:var(--surface);box-shadow:var(--shadow);border-radius:4px;gap:.4rem;padding:.5rem .75rem;display:grid;position:absolute}.viewer-stage__hud--left{top:1rem;left:1rem}.viewer-stage__hud--right{top:1rem;right:1rem}.viewer-stage__hud span{color:var(--muted);align-items:center;gap:.35rem;font-size:.8rem;display:inline-flex}.tag-row{flex-wrap:wrap;gap:.4rem;display:flex}.tag{border:1px solid var(--line);background:var(--surface-strong);color:var(--muted);border-radius:16px;padding:.25rem .6rem;font-size:.78rem;font-weight:500}.breakdown-list__item{align-items:center}.breakdown-list__copy{gap:.2rem;display:grid}.scenario-card,.mini-card,.module-card,.project-card{background:var(--surface);box-shadow:var(--shadow);border-radius:4px;padding:1rem}.scenario-card{gap:.75rem;display:grid}.scenario-card__top,.scenario-card__meta,.project-card__top,.project-card__facts,.project-card__meta,.module-card__top,.detail-list div,.toolbar{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.project-card{gap:.875rem;display:grid}.project-card h3{font-size:1rem;font-weight:500}.project-card__facts,.project-card__actions{flex-wrap:wrap}.project-card__facts span{color:var(--muted);align-items:center;gap:.35rem;font-size:.8rem;display:inline-flex}.project-card__progress{gap:.35rem;display:grid}.project-card__progress-top{justify-content:space-between;align-items:center;display:flex}.project-card__meta div{gap:.12rem;display:grid}.detail-list div{border-top:1px solid var(--line);padding:.625rem 0}.detail-list div:first-child{border-top:0;padding-top:0}.detail-list strong{text-align:right}.timeline__item{align-items:flex-start;gap:.75rem;padding-left:.15rem;display:flex}.timeline__marker{border-radius:50%;flex-shrink:0;width:.75rem;height:.75rem;margin-top:.25rem}.timeline__marker--done{background:var(--success)}.timeline__marker--active{background:var(--accent)}.timeline__marker--todo{background:var(--line-strong)}.field{gap:.35rem;display:grid}.field span{color:var(--muted);font-size:.8rem;font-weight:500}.field--inline{min-width:min(320px,100%)}.field input,.field select{border:1px solid var(--line);width:100%;color:var(--text);background:var(--surface);border-radius:4px;padding:.625rem .875rem;font-size:.875rem;transition:border-color .15s}.field input:focus,.field select:focus{border-color:var(--accent);outline:none}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.check-list__item{align-items:flex-start;gap:.6rem;display:flex}.check-list__dot{background:var(--accent);border-radius:50%;width:.65rem;height:.65rem;margin-top:.3rem}.settings-list__item strong,.mini-card strong,.signal-list__item strong,.timeline__item strong{margin-bottom:.15rem;font-size:.875rem;font-weight:500;display:block}.module-card{gap:.75rem;display:grid}.empty-state{text-align:center;max-width:760px;padding:2rem}@media (width<=980px){.hero,.hero__stats,.form-grid{grid-template-columns:1fr}.search-box{min-width:100%}}.table-wrap{overflow-x:auto}.data-table{border-spacing:0;border-collapse:collapse;width:100%;font-size:.875rem}.data-table th{border-bottom:1px solid var(--line);text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background-color:var(--surface-strong);white-space:nowrap;padding:.625rem 1rem;font-size:.75rem;font-weight:500}.data-table td{border-bottom:1px solid var(--line);color:var(--text);vertical-align:middle;padding:.75rem 1rem}.data-table tbody tr:hover td{background-color:var(--ink-soft)}html[data-theme=dark] .data-table tbody tr:hover td{background-color:#ffffff0a}.data-table tbody tr:last-child td{border-bottom:none}.panel,.project-card,.module-card,.feature-card,.dropzone,.viewer-stage{animation:.42s both rise-in}.feature-card:nth-child(2),.project-card:nth-child(2),.module-card:nth-child(2){animation-delay:60ms}.feature-card:nth-child(3),.project-card:nth-child(3),.module-card:nth-child(3){animation-delay:.11s}.feature-card:nth-child(4),.project-card:nth-child(4),.module-card:nth-child(4){animation-delay:.16s}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}