@import"https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--shell: #1e2433;--shell-hover: #252c3d;--shell-active: #2d3448;--shell-border: rgba(255,255,255,.08);--shell-text: rgba(255,255,255,.9);--shell-muted: rgba(255,255,255,.45);--shell-faint: rgba(255,255,255,.25);--stone-50: #f9fafb;--stone-100: #f3f4f6;--stone-200: #e5e7eb;--stone-300: #d1d5db;--stone-400: #9ca3af;--stone-500: #6b7280;--stone-600: #4b5563;--stone-700: #374151;--stone-800: #1f2937;--stone-900: #111827;--emerald-50: #ecfdf5;--emerald-200: #a7f3d0;--emerald-500: #10b981;--emerald-600: #059669;--emerald-700: #047857;--emerald-800: #065f46;--amber-50: #fffbeb;--amber-200: #fde68a;--amber-500: #f59e0b;--amber-600: #d97706;--amber-700: #b45309;--amber-800: #92400e;--rose-50: #fff1f2;--rose-200: #fecdd3;--rose-500: #f43f5e;--rose-600: #e11d48;--rose-700: #be123c;--rose-800: #9f1239;--teal-50: #ccfbf1;--teal-200: #99f6e4;--teal-500: #14b8a6;--teal-700: #0f766e;--sky-50: #e0f2fe;--sky-200: #bae6fd;--sky-500: #0ea5e9;--sky-700: #0369a1;--bg: #ffffff;--surface: #ffffff;--surface-2: #f3f4f6;--surface-3: #e5e7eb;--surface-raised: #ffffff;--border: #e5e7eb;--border-subtle: #f3f4f6;--border-strong: #d1d5db;--border-light: #f3f4f6;--text: #111827;--text-muted: #4b5563;--text-subtle: #6b7280;--text-faint: #9ca3af;--accent: #2d5be3;--accent-hover: #2449c4;--accent-mid: #3b6ef0;--accent-light: #6b93f5;--accent-dim: #eff4ff;--accent-ring: rgba(45,91,227,.15);--accent-border: #93b4f8;--accent-glow: rgba(45,91,227,.25);--accent-glow-strong: rgba(45,91,227,.3);--highlight: #2d5be3;--highlight-hover: #2449c4;--highlight-dim: #eff4ff;--highlight-border: #93b4f8;--row-stripe: #f6f9ff;--indigo-50: #eff4ff;--indigo-100: #dde8fe;--indigo-200: #c3d6fb;--indigo-300: #93b4f8;--indigo-400: #6b93f5;--indigo-500: #3b6ef0;--indigo-600: #2d5be3;--indigo-700: #2449c4;--indigo-800: #1c3796;--indigo-900: #182a66;--violet-50: #f5f3ff;--violet-100: #ede9fe;--violet-200: #ddd6fe;--violet-300: #c4b5fd;--violet-600: #7c3aed;--violet-700: #6d28d9;--violet-800: #5b21b6;--slate-25: #fdfdfd;--slate-50: #f3f4f6;--slate-100: #e5e7eb;--slate-200: #d1d5db;--slate-300: #9ca3af;--slate-600: #4b5563;--slate-800: #1f2937;--slate-900: #111827;--overlay: rgba(28,25,23,.5);--overlay-light: rgba(28,25,23,.25);--radius: 6px;--radius-sm: 4px;--radius-lg: 8px;--shadow-sm: 0 1px 2px rgba(17,24,39,.05), 0 1px 3px rgba(17,24,39,.03);--shadow-md: 0 2px 4px rgba(17,24,39,.07), 0 4px 8px rgba(17,24,39,.04);--shadow-lg: 0 8px 16px rgba(17,24,39,.09), 0 2px 4px rgba(17,24,39,.04);--shadow-xl: 0 16px 32px rgba(17,24,39,.12), 0 4px 8px rgba(17,24,39,.06);--shadow-inset: inset 0 1px 2px rgba(28,25,23,.04);--font-display: "Urbanist", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-sans: "DM Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}:root[data-theme=dark],html.theme-dark{--shell: #11151c;--shell-hover: #1a1f29;--shell-active: #232a36;--shell-border: rgba(255,255,255,.1);--shell-text: rgba(255,255,255,.92);--shell-muted: rgba(255,255,255,.5);--shell-faint: rgba(255,255,255,.3);--stone-50: #161b24;--stone-100: #1e2430;--stone-200: #2a3140;--stone-300: #3a4452;--stone-400: #5e6877;--stone-500: #8590a0;--stone-600: #aab3c1;--stone-700: #c6cdd8;--stone-800: #dfe3ea;--stone-900: #f1f3f7;--emerald-50: #0e2620;--emerald-200: #1d4d3d;--emerald-500: #34d399;--emerald-600: #34d399;--emerald-700: #6ee7b7;--emerald-800: #a7f3d0;--amber-50: #2a2310;--amber-200: #4d3b10;--amber-500: #fbbf24;--amber-600: #fbbf24;--amber-700: #fcd34d;--amber-800: #fde68a;--rose-50: #2c1620;--rose-200: #57202f;--rose-500: #fb7185;--rose-600: #fb7185;--rose-700: #fda4af;--rose-800: #fecdd3;--teal-50: #0d2b28;--teal-200: #134e4a;--teal-500: #2dd4bf;--teal-700: #5eead4;--sky-50: #0c2536;--sky-200: #14425e;--sky-500: #38bdf8;--sky-700: #7dd3fc;--bg: #0f131a;--surface: #161b24;--surface-2: #1e2430;--surface-3: #2a3140;--surface-raised: #1b2230;--border: #2a3140;--border-subtle: #1f2430;--border-strong: #3a4452;--border-light: #1f2430;--text: #e9ecf2;--text-muted: #aab3c1;--text-subtle: #8590a0;--text-faint: #5e6877;--accent: #4d7bf0;--accent-hover: #6b93f5;--accent-mid: #5b86f5;--accent-light: #7aa0f7;--accent-dim: #18233c;--accent-ring: rgba(77,123,240,.25);--accent-border: #2f4a87;--accent-glow: rgba(77,123,240,.35);--accent-glow-strong: rgba(77,123,240,.45);--highlight: #4d7bf0;--highlight-hover: #6b93f5;--highlight-dim: #18233c;--highlight-border: #2f4a87;--row-stripe: #141a26;--indigo-50: #18233c;--indigo-100: #1f2e50;--indigo-200: #27407a;--indigo-300: #35509c;--indigo-400: #5b86f5;--indigo-500: #6b93f5;--indigo-600: #7aa0f7;--indigo-700: #93b4f8;--indigo-800: #b7ccfa;--indigo-900: #d3e0fc;--violet-50: #201a36;--violet-100: #2a2148;--violet-200: #352a59;--violet-300: #4a3a80;--violet-600: #a78bfa;--violet-700: #b9a3fc;--violet-800: #c4b5fd;--slate-25: #12161d;--slate-50: #1e2430;--slate-100: #2a3140;--slate-200: #3a4452;--slate-300: #5e6877;--slate-600: #aab3c1;--slate-800: #dfe3ea;--slate-900: #f1f3f7;--overlay: rgba(0,0,0,.65);--overlay-light: rgba(0,0,0,.4);--shadow-sm: 0 1px 2px rgba(0,0,0,.45), 0 1px 3px rgba(0,0,0,.35);--shadow-md: 0 2px 4px rgba(0,0,0,.5), 0 4px 8px rgba(0,0,0,.4);--shadow-lg: 0 8px 16px rgba(0,0,0,.55), 0 2px 4px rgba(0,0,0,.4);--shadow-xl: 0 16px 32px rgba(0,0,0,.6), 0 4px 8px rgba(0,0,0,.45);--shadow-inset: inset 0 1px 2px rgba(0,0,0,.3);color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;overflow:hidden}.skip-link{position:absolute;top:-100%;left:8px;z-index:9999;padding:6px 12px;background:var(--accent);color:#fff;font-size:13px;font-weight:600;border-radius:var(--radius);text-decoration:none;transition:top .1s}.skip-link:focus{top:8px}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);font-size:13px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga","kern"}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;padding:0}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:inherit;text-decoration:none}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;margin:0}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;border-radius:var(--radius);border:1px solid var(--border);background:#fff;color:var(--text);transition:all .15s ease;white-space:nowrap;font-family:var(--font-sans);box-shadow:var(--shadow-sm)}.btn:hover{background:var(--stone-50);border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn.primary{background:var(--stone-800);color:#fff;border-color:var(--stone-800)}.btn.primary:hover{background:var(--stone-700);border-color:var(--stone-700)}.btn.indigo{background:var(--highlight);color:#fff;border-color:var(--highlight);box-shadow:0 1px 3px var(--accent-glow),var(--shadow-sm)}.btn.indigo:hover{background:var(--highlight-hover);border-color:var(--highlight-hover);box-shadow:0 2px 8px var(--accent-glow-strong),var(--shadow-md);transform:translateY(-1px)}.btn.ghost{border-color:transparent;background:transparent;color:var(--text-muted);box-shadow:none}.btn.ghost:hover{background:var(--surface-2);color:var(--text);transform:none}.btn.danger{color:var(--rose-600)}.btn.danger:hover{background:var(--rose-50);border-color:var(--rose-200)}.btn-sm{padding:5px 12px;font-size:12px}.btn-icon{padding:7px;width:32px;height:32px;justify-content:center}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--stone-800);color:#fff;font-size:11px;font-family:var(--font-sans);font-weight:500;white-space:nowrap;padding:3px 7px;border-radius:4px;pointer-events:none;opacity:0;transition:opacity .08s ease;transition-delay:0s;z-index:9999}[data-tip]:hover:after{opacity:1;transition-delay:.08s}.detail-toolbar [data-tip]:after{bottom:auto;top:calc(100% + 6px)}.toolbar{display:flex;align-items:center;gap:8px;padding:0 0 16px}.toolbar .search-bar{width:240px}.table-wrap{background:#fff;border:none;border-radius:0;overflow:hidden;box-shadow:none}.table-status-bar{display:flex;justify-content:space-between;align-items:center;padding:6px 14px;background:#fff;border-top:1px solid var(--border);font-size:11px;font-family:var(--font-mono);color:var(--text-faint)}.table{width:100%;border-collapse:collapse;font-size:13px}.table thead th{background:var(--surface-2);border-bottom:1px solid var(--border);border-top:1px solid var(--border);text-align:left;padding:6px 14px;font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--text-subtle);white-space:nowrap;position:sticky;top:0;z-index:10;font-family:var(--font-sans)}.table tbody td{padding:9px 14px;border-bottom:1px solid var(--border-subtle);vertical-align:middle;font-family:var(--font-sans);font-size:13px;color:var(--text);white-space:nowrap}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background .1s ease}.table tbody tr:hover td{background:var(--stone-50)}.table tbody tr.selected td{background:var(--accent-dim)}.table tbody tr .row-actions{opacity:0;transition:opacity .15s}.table tbody tr:hover .row-actions{opacity:1}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table .sku{font-family:var(--font-mono);font-size:12px}.table td.name-col{white-space:normal}.table .cost{font-variant-numeric:tabular-nums;font-weight:600}.table .checkbox-col{width:36px;padding-left:12px;padding-right:4px}.table .actions-col{width:36px;text-align:right;padding-right:10px}.row-link{cursor:pointer}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;height:18px;border-radius:3px;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border:1px solid transparent;font-family:var(--font-mono)}.badge .dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.badge.active{background:var(--emerald-50);color:var(--emerald-700);border-color:var(--emerald-200)}.badge.draft{background:var(--amber-50);color:var(--amber-700);border-color:var(--amber-200)}.badge.archived{background:var(--stone-100);color:var(--stone-600);border-color:var(--stone-200)}.badge.warning{background:var(--rose-50);color:var(--rose-700);border-color:var(--rose-200)}.badge.info{background:var(--accent-dim);color:var(--accent);border-color:var(--accent-ring)}.cat-label,.status-label{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:12.5px;font-weight:400;color:var(--text)}.cat-dot,.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.cat-label.cat-violet .cat-dot{background:var(--violet-600)}.cat-label.cat-indigo .cat-dot{background:var(--accent)}.cat-label.cat-rose .cat-dot{background:var(--rose-600)}.cat-label.cat-teal .cat-dot{background:var(--teal-500)}.cat-label.cat-emerald .cat-dot{background:var(--emerald-500)}.cat-label.cat-amber .cat-dot{background:var(--amber-500)}.cat-label.cat-slate .cat-dot{background:var(--stone-400)}.cat-label.cat-sky .cat-dot{background:var(--sky-500)}.status-label.status-active .status-dot{background:var(--emerald-500)}.status-label.status-draft .status-dot{background:var(--amber-500)}.status-label.status-archived .status-dot{background:var(--stone-400)}.status-label.status-warning .status-dot{background:var(--rose-500)}.tier-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border:1.5px solid;font-family:var(--font-display)}.tier-badge.tier-emerald,.tier-badge.tier-indigo,.tier-badge.tier-amber,.tier-badge.tier-violet{background:var(--stone-100);color:var(--stone-700);border-color:var(--stone-300)}.inv-chip,.prod-chip{display:inline-flex;align-items:center;justify-content:center;min-width:80px;padding:3px 8px;height:22px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.02em;border-radius:var(--radius);border:1px solid transparent}.inv-chip.inv-violet{background:var(--violet-100);color:var(--violet-800);border-color:var(--violet-300)}.inv-chip.inv-indigo{background:var(--accent-dim);color:var(--accent);border-color:var(--accent-border)}.inv-chip.inv-emerald{background:var(--emerald-50);color:var(--emerald-700);border-color:var(--emerald-200)}.inv-chip.inv-amber{background:var(--amber-50);color:var(--amber-700);border-color:var(--amber-200)}.inv-chip.inv-slate{background:var(--stone-100);color:var(--stone-600);border-color:var(--stone-300)}.inv-chip.inv-sky{background:var(--sky-50);color:var(--sky-700);border-color:var(--sky-200)}.prod-chip{gap:6px;font-family:var(--font-sans);font-weight:600}.prod-chip:before{display:none}.prod-chip.prod-violet{background:var(--violet-100);color:var(--violet-800);border-color:var(--violet-300)}.prod-chip.prod-indigo{background:var(--accent-dim);color:var(--accent);border-color:var(--accent-border)}.prod-chip.prod-rose{background:var(--rose-50);color:var(--rose-700);border-color:var(--rose-200)}.prod-chip.prod-teal{background:var(--teal-50);color:var(--teal-700);border-color:var(--teal-200)}.prod-chip.prod-emerald{background:var(--emerald-50);color:var(--emerald-700);border-color:var(--emerald-200)}.prod-chip.prod-amber{background:var(--amber-50);color:var(--amber-700);border-color:var(--amber-200)}.prod-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.prod-dot.prod-violet{background:var(--violet-600)}.prod-dot.prod-indigo{background:var(--accent)}.prod-dot.prod-rose{background:var(--rose-600)}.prod-dot.prod-teal{background:var(--teal-500)}.prod-dot.prod-emerald{background:var(--emerald-500)}.prod-dot.prod-amber{background:var(--amber-500)}.subtype-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;height:18px;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-radius:3px;border:1px solid transparent}.subtype-chip.distillate,.subtype-chip.isolate,.subtype-chip.terpene,.subtype-chip.carrier-oil,.subtype-chip.essential-oil,.subtype-chip.topical-base,.subtype-chip.capsule-shell,.subtype-chip.flower,.subtype-chip.extract,.subtype-chip.modifier{background:var(--stone-100);color:var(--stone-600);border-color:var(--stone-300)}.chk{width:16px;height:16px;border:2px solid var(--border-strong);border-radius:var(--radius-sm);background:#fff;display:inline-grid;place-items:center;cursor:pointer;flex-shrink:0;transition:all .15s ease}.chk:hover{border-color:var(--accent-border)}.chk.checked{background:var(--accent);border-color:var(--accent)}.chk.checked:after{content:"";width:7px;height:4px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg) translateY(-1px)}.input,.field-input,.field-select{height:36px;border:1px solid var(--border);background:#fff;border-radius:var(--radius);padding:0 12px;font-size:13px;outline:none;transition:all .2s ease;box-shadow:var(--shadow-inset)}.input:focus,.field-input:focus,.field-select:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-ring)}.input:hover,.field-input:hover,.field-select:hover{border-color:var(--border-strong)}.label,.field-label{font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--text-muted);margin-bottom:6px;display:block}.alert{border:1.5px solid;border-radius:var(--radius);padding:12px 14px;font-size:13px;display:flex;align-items:flex-start;gap:10px;line-height:1.5}.alert .alert-icon{margin-top:2px;flex-shrink:0}.alert strong{font-weight:700}.alert.warning{background:var(--amber-50);border-color:var(--amber-600);color:var(--amber-800)}.alert.danger{background:var(--rose-50);border-color:var(--rose-600);color:var(--rose-800)}.alert.info{background:var(--accent-dim);border-color:var(--accent);color:var(--accent-hover)}.modal-backdrop,.wizard-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:grid;place-items:center;animation:fadein .2s ease}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-light);z-index:40;animation:fadein .2s ease}@keyframes fadein{0%{opacity:0}to{opacity:1}}.modal,.inv-modal{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-xl);width:600px;max-width:calc(100vw - 48px);max-height:calc(100vh - 80px);display:flex;flex-direction:column;overflow:hidden;animation:popin .25s cubic-bezier(.2,.9,.3,1)}@keyframes popin{0%{transform:translateY(12px) scale(.96);opacity:0}to{transform:none;opacity:1}}.modal.large{width:800px}.modal-header,.modal-head{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.modal-title{font-size:16px;font-weight:700;flex:1;color:var(--text);font-family:var(--font-display);letter-spacing:-.01em}.modal-body{padding:20px 24px;overflow:auto}.modal-footer,.modal-foot{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;background:var(--surface-2)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field.full{grid-column:1 / -1}.form-summary{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--accent-dim);border:1px solid var(--accent-ring);border-radius:var(--radius);margin-top:6px}.form-warning{grid-column:1 / -1;display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--amber-50);border:1px solid var(--amber-200);border-radius:var(--radius);font-size:12px;color:var(--amber-800)}.toast-wrap{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:70;display:flex;flex-direction:column;gap:8px;align-items:center}.toast{background:var(--shell);color:#fff;padding:12px 18px;border-radius:var(--radius);font-size:13px;box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:8px;animation:toastin .25s cubic-bezier(.2,.9,.3,1);font-weight:500}@keyframes toastin{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}html.theme-dark .btn{background:var(--surface-2);color:var(--text);border-color:var(--border)}html.theme-dark .btn:hover{background:var(--surface-3)}html.theme-dark .btn.ghost{background:transparent;color:var(--text-muted);border-color:transparent}html.theme-dark .btn.ghost:hover{background:var(--surface-2);color:var(--text)}html.theme-dark .btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}html.theme-dark .btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}html.theme-dark .btn.danger{background:var(--surface-2);color:var(--rose-600);border-color:var(--border)}html.theme-dark .input,html.theme-dark .field-input,html.theme-dark .field-select{background:var(--surface-2);color:var(--text)}html.theme-dark .table-wrap,html.theme-dark .modal{background:var(--surface)}body{background:var(--bg);color:var(--text)}.app-shell{display:flex;height:100vh;height:100dvh;overflow:hidden}.hubnav-desktop{display:flex;flex-shrink:0}.app-main{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden;background:var(--bg);color:var(--text)}.app-header{display:flex;align-items:center;gap:10px;height:48px;flex-shrink:0;padding:0 14px;border-bottom:1px solid var(--border);background:var(--surface);white-space:nowrap}.app-name{font-family:var(--font-display);font-size:15px;font-weight:800;letter-spacing:-.02em}.app-tabs{display:flex;gap:4px;margin-left:6px}.app-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius);font-size:13px;font-weight:600;color:var(--text-muted);transition:background .12s,color .12s}.app-tab:hover{background:var(--surface-2);color:var(--text)}.app-tab.active{background:var(--accent-dim);color:var(--accent)}.app-user{display:inline-flex;align-items:center;gap:8px}.app-user-name{font-size:12px;color:var(--text-muted);max-width:180px;overflow:hidden;text-overflow:ellipsis}.app-hamburger{display:none}.app-body{flex:1;display:flex;overflow:hidden;min-height:0}.screen{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}.topbar{display:flex;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid var(--border);background:var(--surface);white-space:nowrap}.topbar .page-title{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.02em;margin:0}.topbar .stat{font-size:12px;color:var(--text-muted)}.topbar .stat .count{font-family:var(--font-mono);font-weight:600;color:var(--text)}.topbar .spacer{flex:1}.toolbar-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 18px;border-bottom:1px solid var(--border-subtle);background:var(--surface)}.search{display:flex;align-items:center;gap:6px;color:var(--text-faint);flex:1;max-width:420px}.search .input{flex:1;min-width:0}.check{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);cursor:pointer}.content-pad{padding:18px;overflow-y:auto;flex:1}.empty-hint{color:var(--text-faint);font-size:13px;padding:32px 14px;text-align:center}.eq-table tbody tr{cursor:pointer}.eq-table tr.archived td{color:var(--text-faint)}.eq-table .badge,.eq-card .badge{margin-left:8px}.eq-cards{display:none}.eq-card{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:12px 14px;margin-bottom:8px;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.eq-card.archived{opacity:.6}.eq-card-name{font-weight:600;font-size:15px;color:var(--text)}.eq-card-sub{font-size:13px;color:var(--text-muted)}.modal-body>.alert{margin-bottom:14px}.modal-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.header-actions{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.modal-header{gap:10px}.sheet{width:560px}.sheet textarea{resize:vertical;font-family:var(--font-sans)}.sheet .modal-body{overflow-y:auto}.machine-history{border-top:1px solid var(--border-subtle);margin-top:18px}.faint{color:var(--text-faint)}.seg{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.seg button{padding:6px 12px;font-size:13px;font-weight:600;color:var(--text-muted);background:var(--surface)}.seg button+button{border-left:1px solid var(--border)}.seg button.on{background:var(--accent-dim);color:var(--accent)}.pill{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.pill-wait{background:var(--amber-50);color:var(--amber-700)}.pill-go{background:var(--accent-dim);color:var(--accent)}.pill-done{background:var(--surface-3);color:var(--text-muted)}.pill-stop{background:var(--rose-50);color:var(--rose-700)}.facts{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:12px 0}.facts dt{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-subtle)}.facts dd{margin:2px 0 0;font-size:14px}.link{color:var(--accent);display:inline-flex;align-items:center;gap:4px}.notes{white-space:pre-wrap;background:var(--surface-2);border-radius:var(--radius);padding:10px 12px;font-size:14px}.history{list-style:none;padding:0;margin:12px 0 0;font-size:12px;color:var(--text-muted)}.history li{padding:3px 0}.wo-card{border-left-width:4px}.pri-edge-urgent{border-left-color:var(--rose-600)}.pri-edge-high{border-left-color:var(--amber-600)}.pri-edge-normal{border-left-color:var(--accent)}.pri-edge-low{border-left-color:var(--border-strong)}.pri-urgent{background:var(--rose-50);color:var(--rose-700)}.pri-high{background:var(--amber-50);color:var(--amber-700)}.pri-normal{background:var(--accent-dim);color:var(--accent)}.pri-low{background:var(--surface-3);color:var(--text-muted)}.st-open{background:var(--surface-3);color:var(--text)}.st-in_progress{background:var(--accent-dim);color:var(--accent)}.st-on_hold{background:var(--amber-50);color:var(--amber-700)}.st-done{background:var(--emerald-50);color:var(--emerald-700)}.st-cancelled{background:var(--surface-3);color:var(--text-faint)}.overdue{color:var(--rose-600);font-weight:600}.inline-icon{vertical-align:-2px}.machine-filter{max-width:220px}.seg-wide{display:flex}.seg-wide button{flex:1}.sub-head{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-subtle);margin:18px 0 8px}.step{margin:12px 0;padding:12px;background:var(--surface-2);border-radius:var(--radius)}.parts{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-direction:column;gap:6px;font-size:14px}.photos{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.photos img{width:96px;height:96px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border-subtle)}.month-label{min-width:140px;text-align:center;font-family:var(--font-display)}.legend{margin-left:auto;display:inline-flex;gap:6px}.month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--border);gap:1px}.month-head{background:var(--surface-2);padding:6px 8px;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-subtle)}.month-day{background:var(--surface);min-height:108px;padding:6px;display:flex;flex-direction:column;gap:3px;cursor:pointer;min-width:0}.month-day:hover{background:var(--row-stripe, var(--surface-2))}.month-day.other{background:var(--surface-2)}.month-day.other .month-num{color:var(--text-faint)}.month-num{font-size:12px;font-weight:600;color:var(--text-muted)}.month-day.today .month-num,.agenda-day.today .agenda-date{color:var(--accent)}.month-day.today{box-shadow:inset 0 0 0 2px var(--accent)}.chip{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip.upcoming{background:transparent;border:1px dashed var(--border-strong);color:var(--text-muted);font-weight:500}.chip.late{box-shadow:inset 3px 0 0 var(--rose-600)}.agenda{display:flex;flex-direction:column;gap:8px}.agenda-day{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:10px 12px}.agenda-date{font-size:13px;font-weight:700;margin-bottom:6px}.agenda-items{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.agenda-items .chip{font-size:13px;padding:4px 8px}.rq-card.paused{opacity:.6}.repeat-row{display:flex;align-items:center;gap:8px}.repeat-row .every{width:80px}.rule-preview{margin:0;padding:8px 10px;background:var(--accent-dim);color:var(--accent);border-radius:var(--radius);font-size:13px;font-weight:600}.rq-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:10px}.rq-card{display:flex;flex-direction:column;align-items:stretch;gap:4px;text-align:left;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.rq-card:hover{border-color:var(--border-strong)}.rq-card-top{display:flex;align-items:flex-start;gap:10px;justify-content:space-between}.rq-card-name{font-weight:600;font-size:15px;color:var(--text)}.rq-card-sub{font-size:13px;color:var(--text-muted)}.rq-card-why{font-size:13px;color:var(--rose-700)}.qty-row{display:flex;gap:8px}.qty-row .input{flex:1;min-width:0}.qty-row .uom{flex:0 0 72px}.photo-pick{align-self:flex-start;cursor:pointer}.photo-preview{display:flex;align-items:flex-end;gap:10px}.photo-preview img,.detail-photo{max-width:100%;max-height:260px;border-radius:var(--radius);border:1px solid var(--border-subtle);object-fit:contain}.detail-photo{display:block;margin-top:12px}.auth-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--shell);color:var(--shell-text)}.auth-spinner{width:36px;height:36px;border:3px solid var(--accent);border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-card{background:var(--surface);color:var(--text);border-radius:var(--radius-lg);padding:32px;max-width:360px;text-align:center;border:1px solid var(--border)}.auth-card h1{font-size:20px;margin-bottom:8px}.auth-card p{color:var(--text-muted);font-size:14px;line-height:1.6;margin-bottom:24px}@media(max-width:820px){.hubnav-desktop{display:none}.app-hamburger{display:inline-flex!important}.app-user-name{display:none}.topbar,.toolbar-row{padding-left:14px;padding-right:14px}.topbar{flex-wrap:wrap;row-gap:10px}.content-pad{padding:14px}.search{max-width:none}.eq-table{display:none}.eq-cards{display:block}.sheet{width:100vw;max-width:none;height:100dvh;max-height:none;border-radius:0;border:0}.sheet .modal-body{flex:1}.sheet .form-grid,.facts,.rq-cards{grid-template-columns:1fr}.input{font-size:16px}.toast-wrap{bottom:96px}}@media(max-width:480px){.app-tab-label{display:none}}