:root{--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--sidebar-bg: #111827;--sidebar-bg-secondary: #1f2937;--sidebar-hover: #374151;--sidebar-active: #2563eb;--sidebar-text: #d1d5db;--sidebar-text-muted: #9ca3af;--sidebar-text-active: #ffffff;--sidebar-border: rgba(255, 255, 255, .08);--color-background: #f5f7fa;--color-surface: #ffffff;--color-surface-secondary: #f9fafb;--color-text-primary: #111827;--color-text-secondary: #4b5563;--color-text-muted: #6b7280;--color-border: #e5e7eb;--color-border-strong: #d1d5db;--color-success: #16a34a;--color-success-bg: #dcfce7;--color-warning: #d97706;--color-warning-bg: #fef3c7;--color-danger: #dc2626;--color-danger-bg: #fee2e2;--color-info: #0284c7;--color-info-bg: #e0f2fe;--color-inactive: #6b7280;--color-inactive-bg: #f3f4f6;--chart-1: #2563eb;--chart-2: #0284c7;--chart-3: #16a34a;--chart-4: #d97706;--chart-5: #7c3aed;--chart-6: #dc2626;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--space-page-desktop: 24px;--space-page-tablet: 20px;--space-page-mobile: 16px;--space-card: 20px;--sidebar-width: 260px;--sidebar-width-collapsed: 72px;--topbar-height: 64px;color-scheme:light}:root[data-theme=dark]{--color-background: #0f172a;--color-surface: #111827;--color-surface-secondary: #1f2937;--color-border: #334155;--color-border-strong: #475569;--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-primary-600: #3b82f6;color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-background: #0f172a;--color-surface: #111827;--color-surface-secondary: #1f2937;--color-border: #334155;--color-border-strong: #475569;--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-primary-600: #3b82f6;color-scheme:dark}}:root{--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}body{font-family:var(--font-sans);font-size:14px;color:var(--color-text-primary);-webkit-font-smoothing:antialiased}.page-title{font-size:24px;font-weight:700;line-height:1.3;color:var(--color-text-primary);margin:0}.section-title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0}.card-title{font-size:15px;font-weight:600;color:var(--color-text-primary);margin:0}.supporting-text{font-size:12.5px;color:var(--color-text-muted)}.page-description{font-size:14px;color:var(--color-text-secondary);margin:4px 0 0}label,.form-label{font-weight:500;font-size:13px;color:var(--color-text-secondary)}*{box-sizing:border-box}html,body{padding:0;margin:0;background:var(--color-background)}.app-shell{display:flex;min-height:100vh}.app-main{flex:1;min-width:0;display:flex;flex-direction:column;margin-left:var(--sidebar-width);transition:margin-left .2s ease}.app-shell.is-collapsed .app-main{margin-left:var(--sidebar-width-collapsed)}.app-content{padding:var(--space-page-desktop);flex:1}@media(max-width:1024px){.app-content{padding:var(--space-page-tablet)}}@media(max-width:640px){.app-content{padding:var(--space-page-mobile)}.app-main{margin-left:0}}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.page-header-text{min-width:0}.breadcrumb{font-size:12.5px;color:var(--color-text-muted);margin-bottom:6px;display:flex;gap:6px;align-items:center}.breadcrumb a{color:var(--color-text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--color-primary-600)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}@media(max-width:1024px){.content-grid{grid-template-columns:1fr}}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.toolbar-spacer{flex:1}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:640px){.form-grid{grid-template-columns:1fr}}.form-section{border-top:1px solid var(--color-border);padding-top:16px;margin-top:16px}.form-section:first-child{border-top:none;padding-top:0;margin-top:0}.form-section-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:12px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 1px 2px #1018280a;padding:var(--space-card)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card-body-flush{margin:calc(var(--space-card) * -1);margin-top:0}.kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px 18px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit;transition:border-color .15s ease,box-shadow .15s ease}a.kpi-card:hover{border-color:var(--color-border-strong);box-shadow:0 2px 6px #1018280f}.kpi-card-top{display:flex;align-items:center;justify-content:space-between}.kpi-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-value{font-size:26px;font-weight:700;line-height:1.2;color:var(--color-text-primary)}.kpi-label{font-size:13px;color:var(--color-text-secondary);font-weight:500}.kpi-delta{font-size:12.5px;font-weight:500}.kpi-delta.positive{color:var(--color-success)}.kpi-delta.negative{color:var(--color-danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--radius-md);font-size:14px;font-weight:500;border:1px solid transparent;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--color-primary-600);outline-offset:2px}.btn-sm{height:32px;padding:0 12px;font-size:13px}.btn-primary{background:var(--color-primary-600);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-700)}.btn-secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-secondary)}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){filter:brightness(.92)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(.92)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-secondary);color:var(--color-text-primary)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12.5px;font-weight:500;line-height:1.6}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-inactive{background:var(--color-inactive-bg);color:var(--color-inactive)}.badge-primary{background:var(--color-primary-100);color:var(--color-primary-700)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field-label{font-size:13px;font-weight:500;color:var(--color-text-secondary)}.field-label .required{color:var(--color-danger);margin-left:2px}.field-help{font-size:12.5px;color:var(--color-text-muted)}.field-error{font-size:12.5px;color:var(--color-danger)}.input,.select,.textarea{height:42px;padding:0 12px;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-primary);font-size:14px;font-family:var(--font-sans);width:100%;transition:border-color .15s ease,box-shadow .15s ease}.textarea{height:auto;min-height:90px;padding:10px 12px;resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-primary-600);box-shadow:0 0 0 3px var(--color-primary-100)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--color-surface-secondary);color:var(--color-text-muted);cursor:not-allowed}.input.has-error,.select.has-error,.textarea.has-error{border-color:var(--color-danger)}.checkbox-field{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-primary)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table thead th{background:var(--color-surface-secondary);color:var(--color-text-secondary);font-weight:600;text-align:left;padding:10px 14px;border-bottom:1px solid var(--color-border);white-space:nowrap;position:sticky;top:0;z-index:1}.table tbody td{padding:12px 14px;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);vertical-align:middle}.table tbody tr:hover{background:var(--color-surface-secondary)}.table-actions{display:flex;gap:6px;justify-content:flex-end}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;flex-wrap:wrap}.pagination-pages{display:flex;gap:4px}.page-btn{min-width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;font-size:13px}.page-btn.active{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.page-btn:disabled{opacity:.5;cursor:not-allowed}.state-block{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 20px;gap:8px;color:var(--color-text-muted)}.state-title{font-size:15px;font-weight:600;color:var(--color-text-primary)}.state-desc{font-size:13.5px;max-width:380px}.skeleton{background:linear-gradient(90deg,var(--color-surface-secondary) 25%,var(--color-border) 37%,var(--color-surface-secondary) 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.modal-overlay{position:fixed;inset:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.modal{background:var(--color-surface);border-radius:var(--radius-lg);max-width:520px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 12px 32px #0f172a33}.modal-header{padding:18px 20px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:20px}.modal-footer{padding:16px 20px;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:10px}.dropdown{position:relative}.dropdown-menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 24px #0f172a1f;min-width:220px;z-index:50;overflow:hidden}.dropdown-item{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:13.5px;color:var(--color-text-primary);cursor:pointer;text-decoration:none}.dropdown-item:hover{background:var(--color-surface-secondary)}.stock-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.stock-status-dot.in-stock{background:var(--color-success)}.stock-status-dot.low-stock{background:var(--color-warning)}.stock-status-dot.out-of-stock{background:var(--color-danger)}.stock-status-dot.not-tracked{background:var(--color-inactive)}.quantity-change{font-weight:600;font-variant-numeric:tabular-nums}.quantity-change.positive{color:var(--color-success)}.quantity-change.negative{color:var(--color-danger)}.movement-timeline{display:flex;flex-direction:column}.movement-row{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--color-border)}.movement-row:last-child{border-bottom:none}.movement-marker{width:30px;height:30px;border-radius:50%;background:var(--color-surface-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.valuation-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.reorder-callout{border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);padding:12px 14px;font-size:13px;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;z-index:100;transition:width .2s ease,transform .2s ease;overflow-y:auto}.app-shell.is-collapsed .sidebar{width:var(--sidebar-width-collapsed)}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:18px 20px;border-bottom:1px solid var(--sidebar-border);flex-shrink:0;text-decoration:none}.sidebar-brand-mark{width:32px;height:32px;border-radius:8px;background:var(--sidebar-active);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0}.sidebar-brand-text{min-width:0}.sidebar-brand-name{font-weight:700;color:var(--sidebar-text-active);font-size:15px;line-height:1.2;white-space:nowrap}.sidebar-brand-sub{font-size:11px;color:var(--sidebar-text-muted);white-space:nowrap}.app-shell.is-collapsed .sidebar-brand-text{display:none}.sidebar-nav{flex:1;padding:12px 10px}.sidebar-group-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--sidebar-text-muted);padding:14px 12px 6px}.app-shell.is-collapsed .sidebar-group-label{display:none}.sidebar-link{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:var(--radius-md);color:var(--sidebar-text);text-decoration:none;font-size:13.5px;font-weight:500;margin-bottom:2px;white-space:nowrap;position:relative}.sidebar-link:hover{background:var(--sidebar-hover);color:var(--sidebar-text-active)}.sidebar-link.active{background:var(--sidebar-active);color:var(--sidebar-text-active)}.sidebar-link-icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.app-shell.is-collapsed .sidebar-link-label{display:none}.sidebar-link-badge{margin-left:auto;background:var(--color-danger);color:#fff;font-size:11px;font-weight:600;border-radius:999px;padding:1px 7px}.app-shell.is-collapsed .sidebar-link-badge{display:none}.sidebar-footer{padding:12px;border-top:1px solid var(--sidebar-border);flex-shrink:0}.sidebar-backdrop{position:fixed;inset:0;background:#0f172a80;z-index:99}@media(max-width:1024px){.sidebar{transform:translate(-100%);width:var(--sidebar-width)}.app-shell.is-mobile-open .sidebar{transform:translate(0)}.app-shell.is-collapsed .app-main,.app-main{margin-left:0}}.topbar{height:var(--topbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:12px;padding:0 20px;position:sticky;top:0;z-index:40}.topbar-icon-btn{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;flex-shrink:0}.topbar-icon-btn:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.topbar-search{flex:1;max-width:420px;position:relative}.topbar-search input{height:38px;width:100%;padding:0 12px 0 36px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-secondary);font-size:13.5px;color:var(--color-text-primary)}.topbar-search input:focus{outline:none;border-color:var(--color-primary-600);background:var(--color-surface)}.topbar-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.topbar-spacer{flex:1}.topbar-actions{display:flex;align-items:center;gap:6px}.user-menu-trigger{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-md);cursor:pointer;border:none;background:transparent}.user-menu-trigger:hover{background:var(--color-surface-secondary)}.user-avatar{width:30px;height:30px;border-radius:50%;background:var(--color-primary-100);color:var(--color-primary-700);display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:600;flex-shrink:0}.user-menu-name{font-size:13px;font-weight:500;color:var(--color-text-primary);line-height:1.2}.user-menu-role{font-size:11.5px;color:var(--color-text-muted)}.mobile-only{display:none}@media(max-width:1024px){.desktop-only{display:none}.mobile-only{display:inline-flex}}@media(max-width:640px){.topbar-search{display:none}}[data-theme=dark] .card,[data-theme=dark] .kpi-card,[data-theme=dark] .modal,[data-theme=dark] .dropdown-menu{box-shadow:none}[data-theme=dark] .table thead th{background:var(--color-surface-secondary)}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#1e293b 25%,#334155 37%,#1e293b 63%);background-size:400% 100%}[data-theme=dark] .input,[data-theme=dark] .select,[data-theme=dark] .textarea{border-color:var(--color-border)}[data-theme=dark] ::placeholder{color:var(--color-text-muted)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .card,html:not([data-theme=light]) .kpi-card,html:not([data-theme=light]) .modal,html:not([data-theme=light]) .dropdown-menu{box-shadow:none}html:not([data-theme=light]) .skeleton{background:linear-gradient(90deg,#1e293b 25%,#334155 37%,#1e293b 63%);background-size:400% 100%}}a{color:var(--color-primary-600)}::selection{background:var(--color-primary-100)}.print-only{display:none}@media print{.no-print,.sidebar,.topbar,.sidebar-backdrop{display:none!important}.app-main{margin-left:0!important}.app-content{padding:0!important}.print-only{display:block!important}body{background:#fff}}