:root{--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px}.page-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.page-header h2{margin:0;font-size:22px;font-weight:600}.search-card{margin-bottom:16px}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .2s,transform .2s}.page-fade-enter-from{opacity:0;transform:translateY(6px)}.page-fade-leave-to{opacity:0;transform:translateY(-4px)}:focus-visible{outline:2px solid var(--n-primary-color);outline-offset:2px;border-radius:2px}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=767px){.page-header{flex-direction:column;align-items:flex-start;gap:8px}.search-card{margin-bottom:12px}}:root{--color-primary-50:#f4f7ee;--color-primary-100:#e3ecd3;--color-primary-200:#c7d9a7;--color-primary-300:#a3c671;--color-primary-400:#8bc34a;--color-primary-500:#78a236;--color-primary-600:#6b9130;--color-primary-700:#5f822b;--color-primary-800:#4a6a22;--color-primary-900:#3d6b1e;--color-neutral-50:#fafafa;--color-neutral-100:#f5f5f5;--color-neutral-200:#eee;--color-neutral-300:#e0e0e0;--color-neutral-400:#bdbdbd;--color-neutral-500:#9e9e9e;--color-neutral-600:#757575;--color-neutral-700:#616161;--color-neutral-800:#424242;--color-neutral-900:#212121;--color-success:#4caf50;--color-success-bg:#e8f5e9;--color-info:#2196f3;--color-info-bg:#e3f2fd;--color-warning:#ff9800;--color-warning-bg:#fff3e0;--color-error:#e53935;--color-error-bg:#ffebee;--color-storage:#9c27b0;--color-storage-bg:#f3e5f5;--color-inventory:#607d8b;--color-inventory-bg:#eceff1;--color-text-primary:#000000de;--color-text-secondary:#0009;--color-text-tertiary:#0000008c;--color-text-disabled:#00000042;--color-bg-base:#f5f7fa;--color-bg-elevated:#fff;--color-bg-overlay:#00000080;--color-border:#e0e0e0;--color-border-light:#eee;--color-divider:#f0f0f0;--space-0:0;--space-2xs:2px;--space-xs:4px;--space-sm:8px;--space-md-sm:12px;--space-md:16px;--space-md-lg:20px;--space-lg:24px;--space-xl:32px;--space-2xl:40px;--space-3xl:48px;--space-4xl:64px;--font-family-base:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono:"SF Mono", "Cascadia Code", "Fira Code", monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:32px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-base:1.5;--line-height-relaxed:1.6;--radius-none:0;--radius-sm:2px;--radius-base:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-none:0 0 0 0 transparent;--shadow-sm:0 1px 2px #0000000d;--shadow-base:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000001a, 0 4px 6px #0000000d;--shadow-xl:0 20px 25px #0000001a, 0 10px 10px #0000000a;--shadow-modal:0 25px 50px #00000040;--duration-instant:.1s;--duration-fast:.2s;--duration-base:.3s;--duration-slow:.5s;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--chart-blue:#36adff;--chart-green:#5fb87a;--chart-orange:#f0a040;--chart-red:#e05a5a;--chart-purple:#88c;--chart-teal:#70c0c0;--chart-amber:#d0a050;--chart-mauve:#b080c0;--chart-gray:#888;--z-sticky:100;--z-dropdown:1000;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-notification:1080}[data-theme=dark]{--color-success-bg:#1b3b1b;--color-info-bg:#0d2b45;--color-warning-bg:#3a2a10;--color-error-bg:#3b1717;--color-storage-bg:#2a1535;--color-inventory-bg:#1a2328;--color-text-primary:#ffffffde;--color-text-secondary:#fff9;--color-text-tertiary:#ffffff61;--color-text-disabled:#ffffff42;--color-bg-base:#1a1a1a;--color-bg-elevated:#2a2a2a;--color-bg-overlay:#000000b3;--color-border:#444;--color-border-light:#333;--color-divider:#333;--shadow-sm:0 1px 2px #0000004d;--shadow-base:0 1px 3px #0006, 0 1px 2px #0000004d;--shadow-md:0 4px 6px #00000059, 0 2px 4px #0000004d;--shadow-lg:0 10px 15px #0006, 0 4px 6px #0000004d;--shadow-xl:0 20px 25px #0006, 0 10px 10px #0000004d;--shadow-modal:0 25px 50px #00000080}body{margin:0;padding:0}#app{min-height:100vh}