@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans+Thai:wght@400;500;600&display=swap";:root{--color-paper:oklch(97.1% .003 286.4);--color-surface:oklch(99.5% .002 250);--color-surface-raised:oklch(98.5% .004 250);--color-ink:oklch(25.2% .049 253.3);--color-ink-2:oklch(30.3% .054 251.8);--color-muted:oklch(46.5% .037 253);--color-rule:oklch(82.8% .034 225.5);--color-rule-soft:oklch(91.7% .012 240);--color-accent:oklch(52.5% .202 258.7);--color-accent-hover:oklch(47.5% .188 258.7);--color-accent-ink:oklch(98.5% .004 250);--color-focus:oklch(57.9% .212 258.7);--color-focus-on-accent:oklch(25.2% .049 253.3);--color-nav:oklch(30.3% .054 251.8);--color-nav-deep:oklch(25.2% .049 253.3);--color-nav-text:oklch(94.5% .012 240);--color-success:oklch(67.9% .079 166.1);--color-success-deep:oklch(51.5% .112 158);--color-success-soft:oklch(94.4% .035 158);--color-warning:oklch(80.1% .152 76.5);--color-warning-deep:oklch(53.5% .125 70);--color-warning-soft:oklch(95.5% .052 82);--color-danger:oklch(62.5% .202 24);--color-danger-soft:oklch(94.7% .042 20);--color-info-soft:oklch(94% .035 250);--color-surface-selected:oklch(95.5% .026 251);--color-nav-hover:oklch(34.2% .061 252);--color-chart-muted:oklch(79% .035 247);--color-overlay:oklch(18% .035 250/.52);--color-clear:oklch(0% 0 0/0);--font-display:"Chakra Petch", "Leelawadee UI", sans-serif;--font-body:"IBM Plex Sans Thai", "Leelawadee UI", sans-serif;--font-mono:"IBM Plex Mono", "Cascadia Mono", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:1rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--rule-thin:1px;--radius-xs:.25rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-pill:999px;--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--shadow-surface:0 1px 3px oklch(25.2% .049 253.3/.08);--shadow-modal:0 18px 48px oklch(18% .035 250/.22);--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-modal:400;--z-toast:500}*,:before,:after{box-sizing:border-box}html,body{min-width:0;overflow-x:clip}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--color-paper);min-height:100dvh;color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);margin:0;line-height:1.55}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}svg{display:block}:focus{outline:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.sidebar{z-index:var(--z-sticky);background:var(--color-nav);width:216px;color:var(--color-nav-text);transition:transform var(--dur-short) var(--ease-out);flex-direction:column;display:flex;position:fixed;inset-block:0;inset-inline-start:0;transform:translate(-102%)}.sidebar.is-open{transform:translate(0)}.brand{align-items:center;gap:var(--space-sm);min-height:76px;padding:var(--space-md);border-block-end:var(--rule-thin) solid var(--color-muted);text-decoration:none;display:flex}.brand-mark{border:var(--rule-thin) solid var(--color-rule);width:38px;height:38px;font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);place-items:center;display:grid}.brand-copy{min-width:0}.brand-copy strong{font-family:var(--font-display);font-size:var(--text-base);letter-spacing:.06em;display:block}.brand-copy small{color:var(--color-rule);font:400 var(--text-xs)/1.4 var(--font-mono);display:block}.nav-label{padding:var(--space-lg) var(--space-md) var(--space-xs);color:var(--color-rule);font:500 var(--text-xs)/1.4 var(--font-mono);letter-spacing:.1em}.side-nav{padding:0 var(--space-xs);gap:var(--space-2xs);margin:0;list-style:none;display:grid}.side-link{align-items:center;gap:var(--space-sm);min-height:44px;padding:0 var(--space-sm);color:var(--color-nav-text);border:var(--rule-thin) solid var(--color-clear);border-radius:var(--radius-xs);white-space:nowrap;transition:background-color var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);font-weight:500;text-decoration:none;display:flex}.side-link[aria-current=page]{background:var(--color-accent);color:var(--color-accent-ink)}.side-link:active{transform:translateY(1px)}.side-spacer{min-height:var(--space-lg);flex:1}.sidebar-foot{margin:var(--space-md);border-block-start:var(--rule-thin) solid var(--color-muted);color:var(--color-rule);font-size:var(--text-xs);padding-block-start:var(--space-md)}.sidebar-foot strong{color:var(--color-nav-text);font-weight:600;display:block}.mobile-scrim{z-index:calc(var(--z-sticky) - 1);background:var(--color-overlay);border:0;padding:0;display:none;position:fixed;inset:0}.mobile-scrim.is-open{display:block}.app-shell{min-width:0;min-height:100dvh}.topbar{align-items:center;gap:var(--space-sm);min-height:76px;padding:var(--space-sm) clamp(var(--space-md), 3vw, var(--space-xl));background:var(--color-surface);border-block-end:var(--rule-thin) solid var(--color-rule-soft);display:flex}.menu-button,.icon-button{width:44px;height:44px;color:var(--color-ink);background:var(--color-surface);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-xs);flex:none;place-items:center;padding:0;display:grid}.project-context{min-width:0}.project-context h1{font-family:var(--font-display);font-size:var(--text-base);letter-spacing:0;overflow-wrap:anywhere;margin:0;line-height:1.35}.project-context span{color:var(--color-muted);font-size:var(--text-sm);display:block}.topbar-spacer{flex:1}.demo-badge,.status-badge{min-height:28px;padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-pill);font-size:var(--text-xs);letter-spacing:.02em;white-space:nowrap;align-items:center;font-weight:600;display:inline-flex}.demo-badge{background:var(--color-warning-soft);color:var(--color-warning-deep)}.user-menu-wrap{position:relative}.user-trigger{align-items:center;gap:var(--space-xs);min-height:44px;padding:0 var(--space-xs);border:var(--rule-thin) solid var(--color-clear);background:var(--color-surface);color:var(--color-ink);border-radius:var(--radius-xs);white-space:nowrap;display:flex}.avatar{background:var(--color-nav);width:34px;height:34px;color:var(--color-nav-text);font:600 var(--text-xs)/1 var(--font-mono);border-radius:50%;place-items:center;display:grid}.user-copy{text-align:start}.user-copy strong,.user-copy small{display:block}.user-copy small{color:var(--color-muted);font-size:var(--text-xs)}.user-menu{z-index:var(--z-dropdown);width:220px;padding:var(--space-xs);background:var(--color-surface);color:var(--color-ink);border:var(--rule-thin) solid var(--color-rule);box-shadow:var(--shadow-modal);display:none;position:absolute;inset-block-start:calc(100% + var(--space-xs));inset-inline-end:0}.user-menu.is-open{display:grid}.user-menu a,.user-menu button{min-height:44px;padding:0 var(--space-sm);color:inherit;text-align:start;white-space:nowrap;background:0 0;border:0;align-items:center;text-decoration:none;display:flex}.main{width:min(1440px,100%);padding:clamp(var(--space-lg), 3vw, var(--space-xl));margin-inline:auto}.page-heading{justify-content:space-between;align-items:end;gap:var(--space-lg);margin-block-end:var(--space-lg);display:flex}.page-heading h2{min-width:0;font-family:var(--font-display);font-size:clamp(var(--text-xl), 2.4vw, 2rem);letter-spacing:0;overflow-wrap:anywhere;margin:0;line-height:1.35}.page-heading p{max-width:65ch;margin:var(--space-xs) 0 0;color:var(--color-muted)}.actions{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.primary-button,.secondary-button,.ghost-button,.danger-button{justify-content:center;align-items:center;gap:var(--space-xs);min-height:44px;padding:0 var(--space-md);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-xs);letter-spacing:.02em;white-space:nowrap;transition:background-color var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);font-weight:600;text-decoration:none;display:inline-flex}.primary-button{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.secondary-button{background:var(--color-surface);color:var(--color-ink)}.ghost-button{color:var(--color-ink);background:0 0}.danger-button{background:var(--color-danger);color:var(--color-accent-ink);border-color:var(--color-danger)}.primary-button:active,.secondary-button:active,.ghost-button:active,.danger-button:active{transform:translateY(1px)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled,.danger-button:disabled{opacity:.55;cursor:not-allowed}.primary-button[data-state=loading]:before{content:"";border:2px solid var(--color-rule);border-block-start-color:var(--color-accent-ink);border-radius:50%;width:14px;height:14px;animation:.9s linear infinite spin}.primary-button[data-state=success]{background:var(--color-success-deep);border-color:var(--color-success-deep);color:var(--color-accent-ink)}.primary-button[data-state=error]{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-accent-ink)}@keyframes spin{to{transform:rotate(360deg)}}.metric-grid{gap:var(--space-sm);grid-template-columns:repeat(4,minmax(0,1fr));margin-block-end:var(--space-lg);display:grid}.metric{min-width:0;padding:var(--space-lg);background:var(--color-surface);border:var(--rule-thin) solid var(--color-rule-soft)}.metric-label{color:var(--color-muted);font-size:var(--text-sm)}.metric strong{margin-block:var(--space-xs) var(--space-2xs);font:600 clamp(1.8rem, 3vw, 2.55rem)/1 var(--font-display);font-variant-numeric:tabular-nums;display:block}.metric small{color:var(--color-muted)}.metric .trend{color:var(--color-success-deep)}.content-grid{gap:var(--space-lg);grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);align-items:start;display:grid}.stack{gap:var(--space-lg);display:grid}.panel{background:var(--color-surface);border:var(--rule-thin) solid var(--color-rule-soft);min-width:0}.panel-head{justify-content:space-between;align-items:center;gap:var(--space-md);min-height:58px;padding:var(--space-sm) var(--space-md);border-block-end:var(--rule-thin) solid var(--color-rule-soft);display:flex}.panel-head h3{font-family:var(--font-display);font-size:var(--text-md);margin:0;line-height:1.35}.panel-head small{color:var(--color-muted)}.panel-body{padding:var(--space-md)}.panel-foot{padding:var(--space-sm) var(--space-md);border-block-start:var(--rule-thin) solid var(--color-rule-soft)}.toolbar{align-items:end;gap:var(--space-sm);flex-wrap:wrap;margin-block-end:var(--space-md);display:flex}.field-group{gap:var(--space-2xs);min-width:min(100%,180px);display:grid}.field-group.grow{flex:260px}.field-group label{font-size:var(--text-sm);font-weight:600}.field,select.field,textarea.field{width:100%;min-height:44px;padding:0 var(--space-sm);background:var(--color-surface);color:var(--color-ink);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-xs);outline:2px solid var(--color-clear);outline-offset:1px;transition:background-color var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out)}textarea.field{min-height:96px;padding-block:var(--space-sm);resize:vertical}.field::placeholder{color:var(--color-muted)}.field:focus-visible{outline-color:var(--color-focus);border-color:var(--color-ink-2)}.field[aria-invalid=true]{border-color:var(--color-danger)}.field[data-state=success]{border-color:var(--color-success-deep)}.field:disabled{opacity:.55;cursor:not-allowed}.helper{min-height:1.5em;color:var(--color-muted);font-size:var(--text-xs)}.helper.error{color:var(--color-danger)}.form-grid{gap:var(--space-sm) var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-grid .span-2{grid-column:1/-1}.table-wrap{min-width:0;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.data-table th,.data-table td{padding:var(--space-sm) var(--space-md);text-align:start;border-block-end:var(--rule-thin) solid var(--color-rule-soft);vertical-align:middle}.data-table th{color:var(--color-muted);background:var(--color-surface-raised);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.data-table tbody tr:last-child td{border-block-end:0}.data-table strong{font-weight:600}.data-table .mono{font-family:var(--font-mono);font-size:var(--text-xs)}.row-action{min-width:44px;min-height:44px;padding:0 var(--space-sm);color:var(--color-ink);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-xs);white-space:nowrap;background:0 0}.status-badge.normal{background:var(--color-success-soft);color:var(--color-success-deep)}.status-badge.warning{background:var(--color-warning-soft);color:var(--color-warning-deep)}.status-badge.danger{background:var(--color-danger-soft);color:var(--color-danger)}.status-badge.info{background:var(--color-info-soft);color:var(--color-accent-hover)}.activity-list{display:grid}.activity-row{gap:var(--space-sm);min-height:62px;padding:var(--space-sm) var(--space-md);border-block-end:var(--rule-thin) solid var(--color-rule-soft);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.activity-row:last-child{border-block-end:0}.activity-icon{background:var(--color-info-soft);width:32px;height:32px;color:var(--color-accent-hover);border-radius:50%;place-items:center;display:grid}.activity-copy{min-width:0}.activity-copy strong,.activity-copy small{overflow-wrap:anywhere;display:block}.activity-copy small,.activity-time{color:var(--color-muted);font-size:var(--text-xs)}.activity-time{white-space:nowrap}.chart{align-items:end;gap:var(--space-sm);min-height:260px;padding:var(--space-lg);border-block-start:var(--rule-thin) solid var(--color-rule-soft);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.bar-group{gap:var(--space-xs);grid-template-rows:1fr auto;min-width:0;height:210px;display:grid}.bars{justify-content:center;align-items:end;gap:var(--space-2xs);min-height:0;display:flex}.bar{background:var(--color-accent);transform-origin:bottom;width:min(24px,38%);min-height:8px}.bar.secondary{background:var(--color-chart-muted)}.bar-group small{text-align:center;color:var(--color-muted);white-space:nowrap}.chart-legend{gap:var(--space-md);padding:0 var(--space-lg) var(--space-lg);color:var(--color-muted);font-size:var(--text-xs);display:flex}.legend-item{align-items:center;gap:var(--space-xs);display:flex}.legend-swatch{background:var(--color-accent);width:12px;height:12px}.legend-swatch.secondary{background:var(--color-chart-muted)}.supplier-grid{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.supplier-card{min-width:0;padding:var(--space-lg);background:var(--color-surface);border:var(--rule-thin) solid var(--color-rule-soft)}.supplier-card header{justify-content:space-between;gap:var(--space-md);align-items:start;display:flex}.supplier-card h3{font-family:var(--font-display);font-size:var(--text-md);margin:0}.supplier-card dl{gap:var(--space-xs) var(--space-md);margin:var(--space-md) 0 0;grid-template-columns:auto minmax(0,1fr);display:grid}.supplier-card dt{color:var(--color-muted)}.supplier-card dd{overflow-wrap:anywhere;margin:0}.settings-list{display:grid}.setting-row{gap:var(--space-md);min-height:72px;padding:var(--space-sm) var(--space-md);border-block-end:var(--rule-thin) solid var(--color-rule-soft);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.setting-row:last-child{border-block-end:0}.setting-row strong,.setting-row small{display:block}.setting-row small{color:var(--color-muted)}.switch{width:48px;height:28px;position:relative}.switch input{opacity:0;position:absolute}.switch-track{background:var(--color-rule);border-radius:var(--radius-pill);transition:background-color var(--dur-micro) var(--ease-out);position:absolute;inset:0}.switch-track:after{content:"";background:var(--color-surface);width:20px;height:20px;transition:transform var(--dur-micro) var(--ease-out);border-radius:50%;position:absolute;inset-block-start:4px;inset-inline-start:4px}.switch input:checked+.switch-track{background:var(--color-accent)}.switch input:checked+.switch-track:after{transform:translate(20px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--color-focus);outline-offset:2px}.empty-state{place-items:start;gap:var(--space-sm);padding:var(--space-xl);color:var(--color-muted);display:grid}.empty-state strong{color:var(--color-ink)}.toast{z-index:var(--z-toast);gap:var(--space-sm);max-width:min(360px,100% - 2rem);padding:var(--space-sm) var(--space-md);background:var(--color-ink);color:var(--color-surface);box-shadow:var(--shadow-modal);align-items:center;display:none;position:fixed;inset-block-end:var(--space-md);inset-inline-end:var(--space-md)}.toast.is-open{display:flex}.toast button{min-height:44px;padding:0 var(--space-sm);border:var(--rule-thin) solid var(--color-rule);color:var(--color-surface);white-space:nowrap;background:0 0}dialog{width:min(620px,100% - 2rem);max-height:min(86dvh,720px);color:var(--color-ink);background:var(--color-surface);border:var(--rule-thin) solid var(--color-rule);box-shadow:var(--shadow-modal);margin:auto;padding:0;position:fixed;inset:0;overflow:auto}dialog::backdrop{background:var(--color-overlay)}.dialog-head{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md);border-block-end:var(--rule-thin) solid var(--color-rule-soft);display:flex}.dialog-head h3{font-family:var(--font-display);font-size:var(--text-lg);margin:0}.dialog-body{padding:var(--space-md)}.dialog-actions{justify-content:end;gap:var(--space-xs);padding:var(--space-md);border-block-start:var(--rule-thin) solid var(--color-rule-soft);display:flex}@media (hover:hover) and (pointer:fine){.side-link:hover{background:var(--color-nav-hover);color:var(--color-nav-text)}.side-link[aria-current=page]:hover{background:var(--color-accent-hover);color:var(--color-accent-ink)}.menu-button:hover,.icon-button:hover,.secondary-button:hover,.ghost-button:hover,.row-action:hover{background:var(--color-surface-selected);color:var(--color-ink)}.primary-button:hover{background:var(--color-accent-hover);color:var(--color-accent-ink)}.field:hover{background:var(--color-surface-raised)}.user-trigger:hover{background:var(--color-surface-selected);color:var(--color-ink)}}@media (width>=60rem){.sidebar{transform:none}.app-shell{margin-inline-start:216px}.menu-button,.mobile-scrim{display:none}}@media (width<=75rem){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=48rem){.topbar{min-height:68px}.demo-badge,.user-copy{display:none}.main{padding-inline:var(--space-md)}.page-heading{flex-direction:column;align-items:stretch}.page-heading .actions{width:100%}.page-heading .actions>*{flex:auto}.form-grid,.supplier-grid{grid-template-columns:minmax(0,1fr)}.form-grid .span-2{grid-column:auto}.chart{gap:var(--space-xs);padding-inline:var(--space-sm)}}@media (width<=40rem){.metric-grid{grid-template-columns:minmax(0,1fr)}.toolbar>*{width:100%}.toolbar .field-group{min-width:100%}.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{width:100%;display:block}.data-table tr{padding:var(--space-sm) var(--space-md);border-block-end:var(--rule-thin) solid var(--color-rule-soft)}.data-table td{gap:var(--space-sm);padding:var(--space-xs) 0;border:0;grid-template-columns:minmax(92px,.7fr) minmax(0,1fr);display:grid}.data-table td:before{content:attr(data-label);color:var(--color-muted);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.data-table td[data-label=""]:before{display:none}.activity-row{grid-template-columns:auto minmax(0,1fr)}.activity-time{grid-column:2}.chart{grid-template-columns:repeat(3,minmax(0,1fr));min-height:420px}.dialog-actions{flex-direction:column-reverse}.dialog-actions>*{width:100%}}@media (pointer:coarse){.side-link,.primary-button,.secondary-button,.ghost-button,.danger-button,.row-action,.field,.user-trigger{min-height:48px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.15s!important;animation-duration:.15s!important;animation-iteration-count:1!important}.sidebar{transition:none}}.primary-button,.secondary-button,.ghost-button,.danger-button,.row-action,.user-menu button,.topbar-date,.inline-success,.inline-error,.admin-actions .helper{align-items:center;gap:var(--space-xs);display:inline-flex}.topbar-date{min-height:44px;color:var(--color-muted);font-size:var(--text-sm);white-space:nowrap}.status-badge{gap:var(--space-2xs)}.status-badge>span{white-space:nowrap}.table-subline{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);display:block}.page-note{color:var(--color-muted);font-size:var(--text-xs)}.page-gap{margin-block-start:var(--space-lg)}.reorder-line+.reorder-line{border-block-start:var(--rule-thin) solid var(--color-rule-soft);margin-block-start:var(--space-md);padding-block-start:var(--space-md)}.stock-workbench{gap:var(--space-lg);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.product-rail{min-width:0}.product-tree{display:grid}.product-tree-row{justify-content:space-between;align-items:center;gap:var(--space-sm);width:100%;min-height:64px;padding:var(--space-sm) var(--space-md);color:var(--color-ink);background:var(--color-surface);border:0;border-block-end:var(--rule-thin) solid var(--color-rule-soft);text-align:start;display:flex}.product-tree-row span{min-width:0}.product-tree-row strong,.product-tree-row small{display:block}.product-tree-row small{color:var(--color-muted)}.product-tree-row b{font:600 var(--text-md)/1 var(--font-mono);font-variant-numeric:tabular-nums}.danger-text{color:var(--color-danger)}.inventory-table-panel{min-width:0}.compact-toolbar{align-items:end}.search-field{min-width:min(100%,260px);position:relative}.search-field>svg{z-index:var(--z-base);color:var(--color-muted);position:absolute;inset-block-end:13px;inset-inline-start:var(--space-sm)}.search-field .field{width:100%;padding-inline-start:var(--space-xl)}.stock-summary-strip{background:var(--color-nav);color:var(--color-nav-text);border:var(--rule-thin) solid var(--color-nav-deep);grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:var(--space-lg);display:grid}.stock-summary-strip>div{gap:var(--space-xs);padding:var(--space-md);border-inline-end:var(--rule-thin) solid var(--color-muted);border-block-end:var(--rule-thin) solid var(--color-muted);display:grid}.stock-summary-strip span{color:var(--color-rule);font-size:var(--text-sm)}.stock-summary-strip strong{font-family:var(--font-display);font-size:var(--text-lg);font-variant-numeric:tabular-nums}.inline-success,.inline-error{width:100%;min-height:48px;padding:var(--space-sm) var(--space-md);border:var(--rule-thin) solid currentColor;margin-block-end:var(--space-lg)}.inline-success{background:var(--color-success-soft);color:var(--color-success-deep)}.inline-error{background:var(--color-danger-soft);color:var(--color-danger)}.inline-error>span{border:var(--rule-thin) solid currentColor;border-radius:50%;place-items:center;width:22px;height:22px;font-weight:700;display:grid}.form-stack{gap:var(--space-md);display:grid}.admin-actions{justify-items:start;gap:var(--space-xs);display:grid}.admin-actions .helper{min-height:auto}.report-chart{min-height:320px}.row-actions,.card-actions{gap:var(--space-xs);flex-wrap:wrap;display:flex}.card-actions{border-block-start:var(--rule-thin) solid var(--color-rule-soft);margin-block-start:var(--space-md);padding-block-start:var(--space-md)}.compact-field{width:96px}.production-badge{background:var(--color-success-soft);color:var(--color-success-deep)}.audit-table{max-height:440px;overflow:auto}.audit-table thead{z-index:var(--z-base);position:sticky;inset-block-start:0}.system-loading{place-content:center;justify-items:center;gap:var(--space-md);min-height:100dvh;padding:var(--space-xl);color:var(--color-muted);text-align:center;display:grid}.system-loading.error-state{color:var(--color-danger)}.system-loading button{min-height:44px;padding-inline:var(--space-md);color:var(--color-ink);background:var(--color-surface);border:var(--rule-thin) solid var(--color-rule)}.detail-list{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.detail-list>div{min-width:0;border-block-end:var(--rule-thin) solid var(--color-rule-soft);padding-block-end:var(--space-sm)}.detail-list span,.detail-list strong{overflow-wrap:anywhere;display:block}.detail-list span{color:var(--color-muted);font-size:var(--text-xs)}.detail-list .span-2{grid-column:1/-1}.inline-warning{gap:var(--space-2xs);padding:var(--space-sm) var(--space-md);color:var(--color-warning-deep);background:var(--color-warning-soft);border:var(--rule-thin) solid currentColor;display:grid}.inline-warning span{font-size:var(--text-sm)}.auth-shell{background:var(--color-paper);grid-template-columns:minmax(0,1fr);min-height:100dvh;display:grid}.form-pane{padding:clamp(var(--space-lg), 6vw, var(--space-2xl));align-items:center;display:grid}.login-wrap{width:min(440px,100%);margin-inline:auto}.login-brand{align-items:center;gap:var(--space-sm);margin-block-end:var(--space-2xl);display:flex}.login-brand>span:last-child{display:grid}.login-brand strong{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:.06em}.login-brand small{color:var(--color-muted);font:var(--text-xs)/1.4 var(--font-mono)}.login-header{margin-block-end:var(--space-xl)}.login-header h1{min-width:0;margin:0 0 var(--space-xs);font-family:var(--font-display);overflow-wrap:anywhere;font-size:clamp(2rem,7vw,2.75rem);line-height:1.18}.login-header p{max-width:42ch;color:var(--color-muted);margin:0}.login-form{gap:var(--space-md);display:grid}.password-wrap{position:relative}.password-wrap .field{width:100%;padding-inline-end:var(--space-2xl)}.password-wrap button{width:40px;height:36px;color:var(--color-muted);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset-block-start:var(--space-2xs);inset-inline-end:var(--space-2xs)}.check-label{align-items:center;gap:var(--space-xs);min-height:44px;display:inline-flex}.check-label input{accent-color:var(--color-accent)}.login-button{width:100%}.form-error{align-items:start;gap:var(--space-xs);padding:var(--space-sm);color:var(--color-danger);background:var(--color-danger-soft);border:var(--rule-thin) solid var(--color-danger);margin:0;display:flex}.form-error span{border:var(--rule-thin) solid currentColor;border-radius:50%;flex:0 0 22px;place-items:center;height:22px;font-weight:700;display:grid}.login-policy{align-items:center;gap:var(--space-xs);color:var(--color-muted);font-size:var(--text-sm);margin-block-start:var(--space-lg);display:flex}.auth-visual{min-width:0;padding:clamp(var(--space-xl), 5vw, var(--space-2xl));background:var(--color-nav);color:var(--color-nav-text);display:none;position:relative}.visual-lockup{align-self:center;width:min(760px,100%)}.visual-kicker,.visual-version{color:var(--color-rule);font:500 var(--text-xs)/1.4 var(--font-mono);letter-spacing:.08em}.visual-lockup h2{min-width:0;max-width:15ch;margin:var(--space-lg) 0;font-family:var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere;font-size:clamp(3rem,5vw,5rem);line-height:1.06}.visual-lockup>p{max-width:45ch;margin:0 0 var(--space-xl);color:var(--color-rule);font-size:var(--text-md)}.visual-features{gap:var(--space-sm);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.visual-features>div{align-content:start;gap:var(--space-xs);min-width:0;border-block-start:var(--rule-thin) solid var(--color-muted);padding-block-start:var(--space-md);display:grid}.visual-features svg{color:var(--color-rule)}.visual-features strong,.visual-features small{display:block}.visual-features small{color:var(--color-rule)}.visual-version{position:absolute;inset-block-end:var(--space-xl);inset-inline-start:clamp(var(--space-xl), 5vw, var(--space-2xl))}@media (hover:hover) and (pointer:fine){.product-tree-row:hover{background:var(--color-surface-selected)}}@media (width>=48rem){.stock-summary-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.stock-summary-strip>div{border-block-end:0}}@media (width>=70rem){.stock-workbench{grid-template-columns:minmax(250px,.32fr) minmax(0,1fr)}.product-rail{position:sticky;inset-block-start:var(--space-md)}}@media (width>=64rem){.auth-shell{grid-template-columns:minmax(380px,.72fr) minmax(0,1.28fr)}.auth-visual{display:grid}}@media (width<=48rem){.topbar-date{display:none}.stock-summary-strip>div:nth-child(2n){border-inline-end:0}}@media (width<=25rem){.stock-summary-strip{grid-template-columns:minmax(0,1fr)}.stock-summary-strip>div{border-inline-end:0}}@media (width<=40rem){.detail-list{grid-template-columns:minmax(0,1fr)}.detail-list .span-2{grid-column:auto}}@media (prefers-reduced-motion:reduce){.product-tree-row,.login-button{transition:none}}