@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap";:root{color-scheme:dark;--bg: #04070d;--bg-soft: #0a0f17;--surface: rgba(14, 20, 30, .95);--surface-elevated: rgba(16, 23, 34, .98);--surface-strong: #121925;--surface-highlight: rgba(20, 30, 44, .98);--line: rgba(109, 141, 170, .18);--line-strong: rgba(63, 205, 223, .3);--text: #edf3fc;--text-soft: #d6dfeb;--text-muted: #8f9eb3;--accent: #44d3ea;--accent-strong: #1bb4cf;--accent-soft: rgba(68, 211, 234, .12);--success: #7ff1ac;--warning: #f4be73;--danger: #ff8a8a;--shadow: 0 18px 46px rgba(0, 0, 0, .4);--radius-xl: 22px;--radius-lg: 18px;--radius-md: 14px;--radius-sm: 12px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:IBM Plex Sans,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(27,180,207,.12),transparent 30%),radial-gradient(circle at 88% 0%,rgba(68,211,234,.06),transparent 26%),linear-gradient(180deg,#070d16,#04070d)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}#root{min-height:100vh}.app-shell{min-height:100vh;padding:14px}.app-frame{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;min-height:calc(100vh - 28px)}.app-sidebar,.global-topbar,.surface-card,.hero-panel,.panel-error{border:1px solid var(--line);background:linear-gradient(180deg,var(--surface) 0%,var(--surface-elevated) 100%);box-shadow:var(--shadow)}.app-sidebar{display:grid;align-content:start;gap:18px;padding:16px;border-radius:var(--radius-xl);position:sticky;top:14px;max-height:calc(100vh - 28px)}.brand-block{display:flex;align-items:center;gap:14px}.brand-mark{width:18px;height:18px;border-radius:4px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);box-shadow:0 0 28px #23c6d273}.brand-wordmark,.topbar-title,.hero-title,.section-title{margin:0;font-family:Space Grotesk,sans-serif;letter-spacing:-.04em}.brand-wordmark{display:block;font-size:1.55rem}.brand-caption,.topbar-kicker,.hero-kicker,.section-kicker,.metric-label,.field-label,.sidebar-label,.section-note,.trend-chart-header span,.module-badge,.podium-rank,.preview-rank{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}.brand-caption,.sidebar-label,.topbar-subtitle,.hero-subtitle,.section-copy,.metric-note,.module-button span,.preview-main span,.preview-meta span,.quality-row-main span,.toc-link,.product-card span,.history-meta span,.history-change span,.report-card span,.employee-button span,.detail-summary,.toolbar-note,.empty-state,.section-note,.status-pill,.field select,.field input{color:var(--text-muted)}.sidebar-group{display:grid;gap:12px}.sidebar-nav{display:grid;gap:8px}.sidebar-link{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:14px;border:1px solid transparent;transition:.22s ease}.sidebar-link:hover{background:#ffffff08;border-color:#54e5d72e}.sidebar-link.is-active{background:linear-gradient(90deg,#58e0d424,#58e0d40f);border-color:var(--line-strong)}.sidebar-link-main{display:grid;gap:5px}.sidebar-link-title{color:var(--text);font-weight:600}.sidebar-link-note{font-size:.84rem}.sidebar-link-index{color:var(--accent);font-size:.78rem;font-weight:600}.sidebar-foot{margin-top:auto;display:grid;gap:10px;padding:12px;border-radius:14px;border:1px solid var(--line);background:#ffffff06}.sidebar-foot-title{font-weight:700}.sidebar-foot-copy{margin:0;color:var(--text-muted);line-height:1.5;font-size:.92rem}.main-frame{display:grid;gap:18px}.global-topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 18px;border-radius:var(--radius-xl)}.topbar-copy{display:grid;gap:8px}.topbar-kicker,.hero-kicker,.section-kicker{margin:0;color:var(--accent)}.topbar-title{font-size:clamp(1.4rem,3vw,2rem);line-height:.95}.topbar-subtitle,.hero-subtitle,.section-copy,.detail-summary,.empty-state{margin:0;max-width:72ch;line-height:1.62}.topbar-meta,.hero-metadata,.hero-metadata-wrap,.chip-group,.action-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.content-shell,.page-view,.split-grid,.home-layout,.dashboard-main-grid,.warehouse-layout,.docs-shell{display:grid;gap:18px}.page-view{align-content:start}.split-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-panel,.surface-card{border-radius:var(--radius-xl);padding:16px}.hero-panel{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.hero-copy-block{display:grid;gap:12px}.hero-title{font-size:clamp(1.7rem,3.3vw,2.4rem);line-height:.94}.status-pill,.module-badge,.chip-button,.action-button,.action-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:999px}.status-pill,.chip-button{border:1px solid var(--line);background:#ffffff08}.status-pill-live,.chip-button.is-active{color:var(--text);border-color:var(--line-strong);background:#58e0d41f}.status-pill-quiet{color:var(--text-muted)}.status-pill-problem{color:var(--danger);border-color:#ff8a8a40}.chip-button{color:var(--text-soft)}.chip-button:hover{border-color:var(--line-strong)}.action-button{border:1px solid transparent;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:#062029;font-weight:700;box-shadow:0 16px 32px #23c6d23d}.action-button.is-muted,.action-button:disabled{cursor:default;color:var(--text-muted);border-color:var(--line);background:#ffffff0a;box-shadow:none}.action-link{border:1px solid var(--line);background:#ffffff05;color:var(--text-soft)}.section-heading{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:18px}.section-title{font-size:1.55rem;line-height:1}.section-copy{font-size:.96rem}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{display:grid;gap:10px;padding:14px;border-radius:14px;border:1px solid var(--line);background:#ffffff06}.metric-value{font-size:clamp(1.5rem,2vw,2rem);line-height:1}.home-layout,.docs-shell{grid-template-columns:minmax(260px,320px) minmax(0,1fr)}.dashboard-main-grid{grid-template-columns:minmax(300px,360px) minmax(0,1fr)}.warehouse-layout{grid-template-columns:1.35fr .95fr}.stack-column,.detail-stack,.stack-form,.module-list,.preview-list,.quality-list,.employee-button-list,.report-feed,.history-list,.toc-list,.docs-tab-list,.product-list,.attention-list{display:grid;gap:12px}.module-button,.employee-button,.doc-tab,.product-card,.preview-row,.report-card,.attention-card,.quality-row,.history-row{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:12px;border-radius:12px;border:1px solid transparent;background:#ffffff06;transition:.2s ease}.module-button,.employee-button,.doc-tab{width:100%;text-align:left}.module-button:hover,.employee-button:hover,.doc-tab:hover,.preview-row:hover,.report-card:hover,.attention-card:hover{border-color:#54e5d733;background:#ffffff0a}.module-button.is-active,.employee-button.is-active,.doc-tab.is-active{border-color:var(--line-strong);background:linear-gradient(90deg,#58e0d424,#58e0d40d)}.module-button>div,.doc-tab>div,.preview-main,.employee-button-main{display:grid;gap:6px}.module-badge{min-width:max-content}.module-badge-live{color:var(--text);border:1px solid var(--line-strong);background:#58e0d41a}.module-badge-stub{border:1px solid var(--line);background:#ffffff0a}.module-detail-card{display:grid;gap:20px}.module-detail-header{display:flex;gap:16px;align-items:flex-start}.module-detail-icon{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#58e0d42e,#23c6d21f);border:1px solid var(--line-strong);display:grid;place-items:center}.module-detail-icon span{width:18px;height:18px;border-radius:6px;background:linear-gradient(135deg,var(--accent),var(--accent-strong))}.module-detail-copy{display:grid;gap:10px}.hero-footnote{color:var(--text-muted);font-size:.92rem}.preview-row,.quality-row{align-items:center}.preview-rank{min-width:42px;height:42px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);background:#58e0d41a;border:1px solid rgba(84,229,215,.18)}.preview-meta,.employee-button-side,.report-meta,.product-meta{display:grid;gap:6px;text-align:right}.quality-row-main{display:grid;gap:6px}.quality-bar{flex:1;height:8px;border-radius:999px;overflow:hidden;background:#ffffff0f}.quality-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-strong) 100%)}.quality-row-value{min-width:100px;text-align:right}.toolbar-card{display:grid;gap:14px}.toolbar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.field{display:grid;gap:8px}.field-inline{min-width:280px}.field input,.field select{min-height:48px;padding:0 14px;border-radius:16px;border:1px solid var(--line);background:#05090ea8}.field input:focus,.field select:focus{outline:1px solid var(--accent-strong);border-color:var(--line-strong)}.toolbar-note{font-size:.92rem}.podium-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.podium-card{display:grid;gap:12px}.podium-name{font-size:1.25rem}.podium-metrics{display:grid;gap:10px}.podium-metrics>div{display:flex;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}.ranking-table{display:grid;gap:10px}.ranking-head,.ranking-row{display:grid;grid-template-columns:48px minmax(0,1.5fr) repeat(6,minmax(0,1fr));gap:10px;align-items:center}.ranking-head{padding:0 16px 10px;color:var(--text-muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}.ranking-row{padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.04);background:#ffffff08}.ranking-main{display:grid;gap:6px}.ranking-rank{color:var(--accent);font-weight:700}.sidebar-status-list{display:grid;gap:8px}.sidebar-status-card{display:grid;gap:4px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#ffffff05}.sidebar-status-card strong{font-size:.88rem}.sidebar-status-card span{color:var(--text-muted);font-size:.8rem;line-height:1.45}.topbar-actions .action-link{min-height:36px;padding:0 12px}.docs-sidebar,.docs-article{min-height:680px}.docs-article{display:grid;align-content:start}.toc-card{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}.toc-link{display:block;padding:6px 0}.toc-link-h2{padding-left:12px}.toc-link-h3{padding-left:24px}.content-prose{max-width:none;line-height:1.68;color:var(--text-soft)}.content-prose h1,.content-prose h2,.content-prose h3{font-family:Space Grotesk,sans-serif;letter-spacing:-.03em;scroll-margin-top:120px}.content-prose p,.content-prose li,.content-prose code{color:var(--text-soft)}.lookup-form{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.zone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.zone-card{display:grid;gap:14px;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.05);background:#ffffff06}.zone-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.shelf-grid{display:flex;flex-wrap:wrap;gap:10px}.shelf-button{min-width:88px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#070b11b3;display:grid;gap:6px}.shelf-button-occupied{border-color:#54e5d72e;background:#58e0d414}.shelf-button-problem{border-color:#ff8a8a33;background:#ff8a8a1a}.lookup-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lookup-summary>div,.data-quality-card{display:grid;gap:6px;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.05);background:#ffffff08}.history-row{display:grid;gap:10px}.history-meta,.history-changes{display:grid;gap:8px}.history-change{display:flex;justify-content:space-between;gap:10px}.employee-button-main{grid-template-columns:auto 1fr;align-items:center;column-gap:12px}.employee-button-rank{min-width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);background:#58e0d41a}.detail-summary{padding:18px;border-radius:12px;border:1px solid rgba(255,255,255,.05);background:#ffffff06;white-space:pre-wrap}.trend-chart{display:grid;gap:16px}.trend-chart-header{display:flex;justify-content:space-between;gap:12px;align-items:center}.trend-bars{display:flex;align-items:end;gap:8px;min-height:220px;overflow-x:auto;padding-bottom:8px}.trend-bar-group{min-width:28px;height:220px;display:grid;gap:10px;align-items:end}.trend-bar{display:block;width:100%;border-radius:999px 999px 6px 6px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%)}.trend-label{font-size:.72rem;color:var(--text-muted);writing-mode:vertical-rl;transform:rotate(180deg);text-align:center}.data-quality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.attention-card{align-items:center}.panel-error{padding:16px 18px;border-radius:12px;color:#ffe1e1;background:#ff8a8a29}.panel-error-inline{margin-bottom:12px}.empty-state{padding:18px;border-radius:12px;border:1px dashed rgba(255,255,255,.08);background:#ffffff05}@media(max-width:1280px){.metric-grid,.podium-grid,.toolbar-grid,.lookup-summary,.zone-grid,.data-quality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-head,.ranking-row{grid-template-columns:48px minmax(0,1.5fr) repeat(3,minmax(0,1fr))}.ranking-head span:nth-child(n+6),.ranking-row span:nth-child(n+6){display:none}}@media(max-width:1080px){.app-frame,.home-layout,.dashboard-main-grid,.warehouse-layout,.docs-shell,.split-grid,.metric-grid,.metric-grid-compact,.toolbar-grid,.lookup-summary,.zone-grid,.podium-grid,.data-quality-grid{grid-template-columns:1fr}.app-sidebar{position:static;max-height:none}.app-frame{gap:16px}.global-topbar,.hero-panel,.section-heading,.preview-row,.quality-row,.product-card,.attention-card,.employee-button,.ranking-row,.ranking-head{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}.preview-meta,.employee-button-side,.report-meta,.product-meta,.quality-row-value{text-align:left;min-width:0}.ranking-head span:nth-child(n+4),.ranking-row span:nth-child(n+4){display:block}}@media(max-width:720px){.app-shell{padding:14px}.app-sidebar,.global-topbar,.surface-card,.hero-panel{padding:18px;border-radius:24px}.topbar-title,.hero-title{font-size:2rem}.brand-wordmark{font-size:1.3rem}.ranking-head{display:none}}