:root{--gray-0: #FFFFFF;--gray-50: #F7F8FA;--gray-100: #EEF1F4;--gray-200: #E3E7EC;--gray-300: #CBD2DA;--gray-400: #98A1AC;--gray-500: #5F6B79;--gray-900: #1A202A;--brand-900: #1B3A6B;--brand-950: #142D56;--on-brand: #FFFFFF;--on-brand-soft: rgba(255, 255, 255, .75);--accent-600: #2563EB;--accent-700: #1D4ED8;--success-600: #15803D;--success-bg: #F0FAF4;--success-border: #C6E9D3;--warning-600: #B45309;--warning-bg: #FDF6EC;--warning-border: #F0DDBB;--danger-600: #B91C1C;--danger-bg: #FDF1F1;--danger-border: #F2CACA;--font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 16px;--text-lg: 20px;--text-xl: 24px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--border-subtle: 1px solid var(--gray-200);--border-field: 1px solid var(--gray-300);--shadow-xs: 0 1px 2px rgba(16, 24, 40, .04);--shadow-overlay: 0 8px 24px rgba(16, 24, 40, .12);--focus-ring: 0 0 0 3px rgba(37, 99, 235, .25);--control-h: 44px;--control-h-sm: 44px;--nav-height: 56px;--content-md: 880px;--content-lg: 1280px;--color-brand: var(--brand-900);--color-brand-dark: var(--brand-950);--color-action: var(--accent-600);--color-action-hover: var(--accent-700);--color-canvas: var(--gray-50);--color-canvas-soft: var(--gray-100);--color-surface: var(--gray-0);--color-surface-strong: var(--gray-100);--color-ink: var(--gray-900);--color-muted: var(--gray-500);--color-placeholder: var(--gray-400);--color-border: var(--gray-200);--color-field-border: var(--gray-300);--color-border-strong: var(--gray-300);--color-state-ok: var(--success-600);--color-state-ok-bg: var(--success-bg);--color-state-ok-text: var(--success-600);--color-state-low: var(--warning-600);--color-state-low-bg: var(--warning-bg);--color-state-low-text: var(--warning-600);--color-state-error: var(--danger-600);--color-state-error-bg: var(--danger-bg);--color-state-error-text: var(--danger-600);--color-control-disabled: var(--gray-400);--shadow-card: var(--shadow-xs);--shadow-tab: var(--shadow-xs);--shadow-input: var(--focus-ring);color:var(--gray-900);background:var(--gray-50);font-family:var(--font-sans);font-size:var(--text-base);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}@media(pointer:fine){:root{--control-h: 40px;--control-h-sm: 36px}}*{box-sizing:border-box}html{min-height:100%;background:var(--gray-50)}body{min-height:100%;margin:0;background:var(--gray-50);color:var(--gray-900)}button,input,select,textarea{font:inherit}h1,h2,p{margin:0}h1{color:var(--gray-900);font-size:var(--text-lg);line-height:1.2;font-weight:700;letter-spacing:-.01em}h2{color:var(--gray-900);font-size:var(--text-xs);line-height:1.4;font-weight:600;text-transform:uppercase;letter-spacing:.06em}a{color:var(--accent-700)}.page-kicker{margin:0 0 var(--space-1);color:var(--gray-500);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.06em}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);margin:0 auto var(--space-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-h-sm);padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.btn--lg{min-height:var(--control-h);padding:0 var(--space-6)}.btn--primary{background:var(--accent-600);color:var(--gray-0)}.btn--primary:hover{background:var(--accent-700)}.btn--secondary{background:var(--gray-0);border-color:var(--gray-300);color:var(--gray-900)}.btn--secondary:hover{background:var(--gray-50)}.btn--danger{background:var(--danger-600);color:var(--gray-0)}.btn--danger:hover{background:#991b1b}.btn--ghost{background:transparent;color:var(--accent-700)}.btn--ghost:hover{background:var(--gray-100)}.btn:disabled{background:var(--gray-100);border-color:var(--gray-200);color:var(--gray-400);cursor:not-allowed}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.card,.form-section{border:var(--border-subtle);border-radius:var(--radius-lg);background:var(--gray-0);box-shadow:var(--shadow-xs)}.section-heading{display:flex;align-items:center;min-height:40px;padding:var(--space-2) var(--space-6);border-bottom:var(--border-subtle);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--gray-100)}.section-heading h2{color:var(--gray-500)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);padding:var(--space-6)}.field{display:grid;gap:var(--space-1)}.field--wide{grid-column:1/-1}label{color:var(--gray-500);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}input,select{width:100%;min-height:var(--control-h);border:var(--border-field);border-radius:var(--radius-md);background:var(--gray-0);color:var(--gray-900);font-size:var(--text-base);line-height:1.4;padding:var(--space-2) var(--space-3);outline:none;transition:border-color .12s,box-shadow .12s}input[type=number]{font-variant-numeric:tabular-nums}input::placeholder{color:var(--gray-400)}input:focus,select:focus{border-color:var(--accent-600);box-shadow:var(--focus-ring)}input:disabled,select:disabled{background:var(--gray-100);color:var(--gray-500);cursor:not-allowed}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%235F6B79' d='M4 6L8 10L12 6Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8);cursor:pointer}select option[disabled]{color:var(--gray-400)}.field-error{color:var(--danger-600);font-size:var(--text-xs);font-weight:600}.data-table{width:100%;overflow:hidden}.data-table__header,.data-table__row{display:grid;gap:var(--space-5);align-items:center;padding:0 var(--space-5)}.data-table__header{min-height:36px;background:var(--gray-100);color:var(--gray-500);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:var(--border-subtle);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.data-table__row{min-height:48px;padding-top:var(--space-2);padding-bottom:var(--space-2);border-top:var(--border-subtle);color:var(--gray-900);font-size:var(--text-base);transition:background-color .12s}.data-table__row:first-of-type{border-top:0}.data-table__row--link{cursor:pointer}.data-table__row--link:hover{background-color:var(--gray-50)}.data-table__num{font-variant-numeric:tabular-nums;text-align:right;justify-self:end}.state-block{padding:var(--space-6);border:var(--border-subtle);border-radius:var(--radius-lg);background:var(--gray-0);color:var(--gray-500);font-size:var(--text-base)}.state-block--error{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger-600)}.form-actions{display:flex;justify-content:flex-end;padding:var(--space-1) 0 0}.product-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1);padding:var(--space-1);margin:var(--space-4) var(--space-6) 0;background:var(--gray-100);border-radius:var(--radius-md);border:var(--border-subtle)}.mode-option{position:relative;min-height:var(--control-h-sm);display:grid;align-items:center;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--gray-500);cursor:pointer;font-size:var(--text-base);font-weight:500;line-height:1.2;padding:var(--space-2) var(--space-3);transition:all .12s}.mode-option:has(input:checked){background:var(--gray-0);border-color:var(--gray-200);box-shadow:var(--shadow-xs);color:var(--gray-900);font-weight:600}.mode-option:focus-within{border-color:var(--accent-600);box-shadow:var(--focus-ring)}.mode-option input{position:absolute;opacity:0}.stock-badge{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--gray-900);white-space:nowrap}.stock-badge:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.stock-badge--ok:before{background:var(--success-600)}.stock-badge--low:before{background:var(--warning-600)}.stock-badge--critical:before{background:var(--danger-600)}@media(max-width:900px){.page-header{align-items:flex-start;flex-direction:column}.product-mode{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr;padding:var(--space-5)}}