:root{--brand: #f5a524;--on-accent: #0b1220;--page: #0b1220;--card: #141b2d;--card-border: #26314c;--bar-bg: #0f1626;--bar-track: #3a4766;--text: #e8ecf3;--text-muted: #8a94a6;--critical: #ff6369;--warning: #ff8a5b;--positive: #2fbf87;--info: #4c8dff;--reserved: #a78bfa;--brand-text: #f5a524;--brand-tint: rgba(245, 165, 36, .12);--control-border: #26314c;--scrim: rgba(0, 0, 0, .55);--on-critical: #0b1220;--hover: rgba(255, 255, 255, .05);--radius-card: 4px;--radius-control: 4px;--radius-badge: 2px}:root[data-theme=light]{--page: #f3f4f7;--card: #ffffff;--card-border: #e3e6ec;--bar-bg: #f8f9fb;--bar-track: #b9c1cf;--text: #111827;--text-muted: #5f6775;--brand-text: #9a5208;--brand-tint: rgba(245, 165, 36, .22);--hover: rgba(17, 24, 39, .05);--on-critical: #ffffff;--control-border: #a9b2c0;--critical: #c81e12;--warning: #c2410c;--positive: #11703a;--info: #2563eb;--reserved: #7c3aed}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--page);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45}.shell{display:flex;min-height:100vh}.shell-main{flex:1;min-width:0}.sidebar{flex:none;display:flex;position:sticky;top:0;height:100vh}.logo{color:var(--brand-text);font-size:18px;font-weight:700;letter-spacing:.5px;text-decoration:none}.rail{flex:none;width:56px;background:var(--bar-bg);border-right:1px solid var(--card-border);display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 0}.rail-logo{flex:none;width:32px;height:32px;margin-bottom:12px;border-radius:var(--radius-control);background:var(--brand);color:var(--on-accent);display:grid;place-items:center;font-size:13px;font-weight:800;letter-spacing:-.5px;text-decoration:none}.rail-item{flex:none;width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius-control);border:none;background:none;padding:0;color:var(--text-muted);cursor:pointer;text-decoration:none}.rail-item:hover{background:var(--hover);color:var(--text)}.rail-item.is-active{background:var(--brand-tint);color:var(--brand-text)}.rail-glyph{flex:none;width:18px;height:18px}.rail-label{display:none}.rail-rule{flex:none;width:24px;height:1px;background:var(--card-border);margin:6px 0}.rail-spacer{flex:1}.rail-avatar{flex:none;width:32px;height:32px;border-radius:var(--radius-control);background:var(--card);border:1px solid var(--control-border);color:var(--text);display:grid;place-items:center;font-size:11px;font-weight:700;text-decoration:none}.rail-avatar.is-active{border-color:var(--brand);color:var(--brand-text)}.rail-signout{margin-top:4px}.rail-toggle{margin-bottom:8px}.rail-toggle:disabled{opacity:.3;cursor:default}.rail-toggle:disabled:hover{background:none;color:var(--text-muted)}.sidebar.panel-collapsed .section-col,.rail-who{display:none}.section-col{flex:none;width:200px;background:var(--bar-bg);border-right:1px solid var(--card-border);display:flex;flex-direction:column;min-height:0}.section-col-head{padding:14px 12px 6px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-body{flex:1;overflow-y:auto;padding:2px 6px 6px 8px}.nav-parent{display:flex;align-items:center}.nav-row{display:flex;align-items:center;gap:6px;flex:1;min-width:0;min-height:30px;padding:0 8px 0 4px;font-size:13.5px;color:var(--text-muted);text-decoration:none;border-radius:var(--radius-control)}.nav-row:hover{background:var(--hover);color:var(--text)}.nav-row.is-active{background:var(--brand-tint);color:var(--brand-text)}.nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.disclosure{flex:none;width:16px;height:22px;display:grid;place-items:center;padding:0;border:none;background:none;color:var(--text-muted);cursor:pointer}.disclosure:hover{color:var(--text)}.chev-pad{flex:none;width:16px}.chev{width:12px;height:12px;transition:transform .12s ease}.chev.open{transform:rotate(90deg)}.glyph{flex:none;width:15px;height:15px;opacity:.9}.folder{flex:none;width:16px;height:16px}.leaf{flex:none;width:14px;height:14px;opacity:.65}.nav-row.is-active .glyph,.nav-row.is-active .folder,.nav-row.is-active .leaf{opacity:1}.nav-kids{margin-left:15px;padding-left:3px;border-left:1px solid var(--card-border)}.topbar,.scrim{display:none}.menu-btn{display:grid;place-items:center;width:30px;height:30px;padding:0;border:none;background:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-control)}.menu-btn:hover{color:var(--brand-text)}@media (max-width: 900px){.topbar{display:flex;align-items:center;gap:10px;padding:7px 12px;background:var(--bar-bg);border-bottom:1px solid var(--card-border);position:sticky;top:0;z-index:10}.topbar .who{margin-left:auto;color:var(--text-muted);font-size:12px}.shell{flex-direction:column}.sidebar{position:fixed;top:0;bottom:0;left:0;height:auto;z-index:30;flex-direction:column;width:260px;background:var(--bar-bg);overflow-y:auto;transform:translate(-100%);visibility:hidden;transition:transform .2s ease,visibility .2s ease}.sidebar.open{transform:none;visibility:visible}.sidebar:focus{outline:none}.rail{width:100%;align-items:stretch;border-right:none;border-bottom:1px solid var(--card-border);padding:10px 8px}.rail-item,.rail-avatar{width:auto;height:34px;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:0 10px}.rail-label{display:inline;font-size:13.5px}.rail-logo{display:none}.rail-rule{width:auto;align-self:stretch;margin:6px 10px}.rail-spacer{display:none}.rail-who{display:block;padding:8px 10px 2px;color:var(--text-muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-col{width:100%;border-right:none}.sidebar.panel-collapsed .section-col{display:flex}.rail-toggle{display:none}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--scrim);opacity:0;pointer-events:none;transition:opacity .18s ease}.scrim.open{opacity:1;pointer-events:auto}}@media (prefers-reduced-motion: reduce){.sidebar,.scrim,.chev{transition:none}}.page{max-width:1400px;margin:0 auto;padding:14px 16px}.page h1{font-size:20px;margin-bottom:10px}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-card);padding:10px 12px;margin-bottom:8px}.btn{display:inline-block;border:none;border-radius:var(--radius-control);padding:8px 16px;font-size:15px;font-weight:600;cursor:pointer;background:var(--card);color:var(--text);border:1px solid var(--control-border);white-space:nowrap;text-decoration:none;text-align:center}.btn.primary{background:var(--brand);color:var(--on-accent);border-color:var(--brand)}.btn:disabled{opacity:.45;cursor:default}.btn.linklike{background:none;border:none;color:var(--brand-text);padding:0;font-weight:500}.btn.danger{color:var(--critical);border-color:var(--critical);background:none}.confirm-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px}label.field{display:block;margin-bottom:12px;color:var(--text-muted);font-size:13px}input,select,textarea{width:100%;margin-top:4px;padding:8px 10px;font-size:15px;color:var(--text);background:var(--page);border:1px solid var(--control-border);border-radius:var(--radius-control)}input[type=checkbox]{width:auto;margin-top:0;flex:none}input:focus,select:focus,textarea:focus{outline:1px solid var(--brand)}.error-text{color:var(--critical);margin:8px 0}.muted{color:var(--text-muted)}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}.page-head h1{margin-bottom:0}.filter-box{max-width:280px;margin-top:0}.page-head .filter-box,.page-head .tab,.page-head .group-select,.page-head .btn{height:40px}.group-select{margin-top:0;padding:0 8px;font-size:14px}.low-stock-toggle{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--card);font-size:14px;font-weight:600;color:var(--text-muted);white-space:nowrap;cursor:pointer}.low-stock-toggle input{width:auto;margin:0;cursor:pointer}.low-stock-count{color:var(--critical);font-variant-numeric:tabular-nums}.item-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.item-table th.sortable:hover{color:var(--text)}.item-table th.sorted{color:var(--brand-text)}.item-table td{font-variant-numeric:tabular-nums}.table-link{color:inherit;text-decoration:none;font-weight:600}.table-link:hover{color:var(--brand-text)}.page-head .btn{display:inline-flex;align-items:center}.section-head{font-size:14px;font-weight:600;color:var(--brand-text);margin:10px 0 4px;text-transform:uppercase;letter-spacing:.5px}.page-split{max-width:none;height:100vh;display:flex;flex-direction:column;padding-bottom:0}.split{flex:1;min-height:0;display:flex;margin:0 -16px}.split-list{flex:none;width:400px;overflow-y:auto;padding:0 16px 16px;border-right:1px solid var(--card-border)}.split-detail{flex:1;min-width:0;overflow-y:auto;padding:0 20px 20px}.detail-title{font-size:20px;margin-bottom:10px}.item-row.is-selected{background:var(--brand-tint);margin:0 -12px;padding-left:12px;padding-right:12px}.item-row.is-selected .item-name{color:var(--brand-text)}.split-back{display:none}@media (max-width: 900px){.page-split{height:auto;display:block}.split{display:block;margin:0}.split-list{width:auto;padding:0;border-right:none;overflow-y:visible}.split.has-selection .split-list{display:none}.split-detail{padding:0;overflow-y:visible}.split:not(.has-selection) .split-detail{display:none}.split.has-selection .split-back{display:inline-block;margin-bottom:10px;color:var(--brand-text);text-decoration:none;font-weight:600}}.view-compact .stock-bar{display:none}.view-compact .item-sub{margin-bottom:0}.item-row{display:block;padding:6px 0;border-bottom:1px solid var(--card-border);color:inherit;text-decoration:none;break-inside:avoid}.item-row:hover .item-name{color:var(--brand-text)}.item-thumb{width:28px;height:28px;object-fit:cover;border-radius:2px;border:1px solid var(--card-border);vertical-align:middle;margin-right:8px}.item-row:first-child{padding-top:0}.item-row:last-child{border-bottom:none;padding-bottom:0}.item-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.item-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-qty{display:flex;align-items:baseline;gap:4px;white-space:nowrap}.item-qty b{font-size:17px}.item-unit{font-size:12px;color:var(--text-muted)}.item-sub{display:flex;gap:12px;font-size:12px;color:var(--text-muted);margin:0 0 3px}.stock-bar{position:relative;height:14px;border:1px solid var(--bar-track);border-radius:2px}.stock-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1px;opacity:.7}.stock-reserved{position:absolute;top:0;bottom:0;left:0;border-radius:1px 0 0 1px;opacity:.85;border-right:3px solid var(--text)}:root[data-theme=light] .stock-fill{opacity:.58}:root[data-theme=light] .stock-reserved{opacity:.78}.tabs{display:flex;gap:4px;margin-bottom:12px}.section-tabs{display:none}@media (max-width: 900px){.section-tabs{display:flex}}.tab{display:inline-block;border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--card);color:var(--text-muted);padding:6px 14px;font-size:14px;font-weight:600;line-height:normal;text-decoration:none;cursor:pointer}.tab.active{background:var(--brand);border-color:var(--brand);color:var(--on-accent)}.grid-wrap{overflow-x:auto}.grid-table{width:100%;border-collapse:collapse;min-width:900px}.grid-table th{text-align:left;font-size:12px;color:var(--text-muted);padding:4px 6px;border-bottom:1px solid var(--card-border)}.grid-table td{padding:2px 3px}.grid-table input,.grid-table select{margin-top:0;padding:5px 7px;font-size:13px}.rapid-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0 16px;align-items:end;max-width:900px}.rapid-form button{margin-bottom:12px}.preview-summary{font-size:16px;margin-bottom:12px}.preview-head{font-size:14px;font-weight:600;color:var(--brand-text);margin:10px 0 4px;text-transform:uppercase;letter-spacing:.5px}.preview-scroll{overflow-x:auto}.preview-table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-card)}.preview-table th{text-align:left;font-size:12px;color:var(--text-muted);padding:8px 10px;border-bottom:1px solid var(--card-border)}.preview-table td{padding:6px 10px;border-bottom:1px solid var(--card-border);font-size:14px}.preview-table tr:last-child td{border-bottom:none}.warn-banner{background:var(--card);border:1px solid var(--warning);border-radius:var(--radius-card);color:var(--warning);padding:10px 14px;margin:12px 0}.success-banner{background:var(--card);border:1px solid var(--positive);border-radius:var(--radius-card);color:var(--positive);padding:10px 14px;margin:12px 0}.success-banner a{color:var(--brand-text)}.progress-track{height:14px;border:1px solid var(--bar-track);border-radius:2px;margin-top:6px}.progress-fill{height:100%;background:var(--brand);border-radius:1px;transition:width .2s}.detail-page a{color:var(--brand-text);text-decoration:none}.detail-pane,.detail-page{container-type:inline-size}.detail-columns{display:grid;grid-template-columns:minmax(320px,1.4fr) minmax(220px,1fr);gap:16px;align-items:start}@container (width < 556px){.detail-columns{grid-template-columns:1fr}}@media (max-width: 720px){.detail-columns{grid-template-columns:1fr}}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.item-photo{max-width:100%;border-radius:var(--radius-card);border:1px solid var(--card-border)}.undo-line{margin:8px 0 12px}.pill{display:inline-block;font-size:12px;font-weight:600;padding:1px 8px;border-radius:var(--radius-badge);border:1px solid currentColor}.signin-wrap{max-width:360px;margin:12vh auto 0;padding:0 20px}.signin-wrap .logo-big{color:var(--brand-text);font-size:26px;font-weight:700;text-align:center;margin-bottom:24px}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2px 16px;margin-top:6px}.preset-toggle{display:flex;align-items:center;gap:8px;font-size:14px;padding:3px 0;cursor:pointer}.preset-toggle:has(input:not(:checked)) span{color:var(--text-muted);text-decoration:line-through}.row-actions{display:flex;gap:12px}