:root,[data-theme=light]{--font-sans: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--primary: #171d2b;--primary-hover: #2a3350;--primary-active: #0f1420;--primary-bg: #e6e9f0;--primary-light: #5c6b94;--accent: #c2202e;--accent-hover: #a51d29;--accent-active: #8f1722;--accent-bg: #f7e9ea;--secondary: #1e5f8a;--secondary-hover: #1a5276;--secondary-active: #17496b;--secondary-bg: #e4edf5;--success: #2e7d4f;--success-bg: #e7f2ec;--warning: #b57a1e;--warning-bg: #f5edd8;--error: #c2202e;--error-bg: #f7e9ea;--info: #1e5f8a;--info-bg: #e4edf5;--text-primary: #171d2b;--text-secondary: #5c6472;--text-muted: #9aa0ab;--text-disabled: #c0c5cd;--text-inverse: #ffffff;--bg-app: #eceef1;--bg-primary: #ffffff;--bg-secondary: #f4f5f7;--bg-tertiary: #f9fafb;--bg-hover: #eceef1;--border-light: #edeff2;--border-medium: #e3e6eb;--border-dark: #d6dae1;--border-focus: #171d2b;--table-header: #d8d8d8;--table-header-border: #bbbbbb;--table-row-even: #c8e6c9;--table-row-odd: #e8f5e9;--table-row-hover: #a5d6a7;--table-row-selected: #81c784;--table-row-selected-ring: #4caf50;--shadow-light: 0 1px 2px rgba(23,29,43,.06);--shadow-medium: 0 2px 6px rgba(23,29,43,.1);--shadow-focus: 0 0 0 2px rgba(23,29,43,.18);--chart-current: #f44336;--chart-voltage: #2196f3;--chart-impedance: #ffc107;--chart-frequency: #9c27b0;--chart-range-upper: rgba(46,125,79,.28);--chart-range-lower: rgba(46,125,79,.16);--chart-grid-line: rgba(92,100,114,.2);--chart-axis-line: rgba(23,29,43,.1);--state-standby: #1e5f8a;--state-running: #b57a1e;--state-success: #2e7d4f;--state-error: #c2202e;--state-init: #7a5b48;--state-noequip: #6b7280;--state-calibration: #9c27b0;--state-offline: #6b7280;--device-1: #c2202e;--device-2: #1e5f8a;--device-3: #2e7d4f;--device-4: #b57a1e;--device-5: #9c27b0;--device-6: #8a8f38;--led-active: #2e7d4f;--led-active-glow: rgba(46,125,79,.5);--led-active-border: #256842;--led-inactive: #9aa0ab;--led-inactive-border: #c0c5cd;--led-border: #5c6472;--led-text: #171d2b;--encoder-track: #d6dae1;--encoder-grid: #e3e6eb;--encoder-marker: #5c6472}[data-theme=dark]{--primary: #8fa2c8;--primary-hover: #a5b6d8;--primary-active: #7b8fb8;--primary-bg: #232c40;--primary-light: #aab6d0;--accent: #e05563;--accent-hover: #e8707c;--accent-active: #c94550;--accent-bg: #33212a;--secondary: #5b9bc9;--secondary-hover: #71acd5;--secondary-active: #4785b3;--secondary-bg: #1c2938;--success: #4ba976;--success-bg: #1c2e24;--warning: #d99a3d;--warning-bg: #33291a;--error: #e05563;--error-bg: #33212a;--info: #5b9bc9;--info-bg: #1c2938;--text-primary: #e6e8ee;--text-secondary: #a7aebc;--text-muted: #7c8494;--text-disabled: #4c5462;--text-inverse: #171d2b;--bg-app: #12151c;--bg-primary: #1a1e28;--bg-secondary: #212633;--bg-tertiary: #283040;--bg-hover: #2e3648;--border-light: #262c3a;--border-medium: #303748;--border-dark: #3c4558;--border-focus: #8fa2c8;--table-header: #3a3a3a;--table-header-border: #555555;--table-row-even: #2a3a2c;--table-row-odd: #2d2d2d;--table-row-hover: #3a4a3c;--table-row-selected: #3d6b41;--table-row-selected-ring: #4caf50;--shadow-light: 0 1px 2px rgba(0,0,0,.3);--shadow-medium: 0 2px 6px rgba(0,0,0,.4);--shadow-focus: 0 0 0 2px rgba(143,162,200,.35);--chart-range-upper: rgba(75,169,118,.3);--chart-range-lower: rgba(75,169,118,.18);--chart-grid-line: rgba(167,174,188,.2);--chart-axis-line: rgba(230,232,238,.1);--state-standby: #5b9bc9;--state-running: #d99a3d;--state-success: #4ba976;--state-error: #e05563;--state-init: #a37a63;--state-noequip: #8b93a3;--state-calibration: #b565d6;--state-offline: #8b93a3;--led-active: #4ba976;--led-active-glow: rgba(75,169,118,.55);--led-active-border: #5cba87;--led-inactive: #4c5462;--led-inactive-border: #3c4558;--led-border: #3c4558;--led-text: #12151c;--encoder-track: #283040;--encoder-grid: #303748;--encoder-marker: #7c8494}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:14px;color:var(--text-primary);background:var(--bg-app)}h1{font-size:22px;margin:0 0 12px}h2{font-size:15px;margin:20px 0 8px}h3{font-size:14px;margin:0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.field{font:inherit;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:7px 10px;width:100%}.field:focus-visible{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}textarea.field{resize:vertical}.form-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.form-field label{font-size:12px;color:var(--text-secondary)}.btn{font:inherit;cursor:pointer;padding:8px 16px;border-radius:var(--radius-md);border:1px solid var(--border-medium);background:var(--bg-primary);color:var(--text-primary);text-decoration:none;display:inline-flex;align-items:center;gap:6px}.btn:hover{background:var(--bg-hover);text-decoration:none}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--text-inverse)}.btn.primary:hover{background:var(--primary-hover)}.btn:disabled{cursor:not-allowed;color:var(--text-disabled);background:var(--bg-secondary);border-color:var(--border-light)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);padding:5px}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.icon-btn:disabled{cursor:not-allowed;color:var(--text-disabled)}.icon-btn.danger:hover{color:var(--error)}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:20px;padding:10px 20px;background:var(--bg-primary);border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:var(--text-primary)}.brand:hover{text-decoration:none}.brand img{height:26px}.brand-name{font-weight:600}.topbar-nav{display:flex;gap:4px}.topbar-nav a{padding:6px 12px;border-radius:var(--radius-md);color:var(--text-secondary)}.topbar-nav a:hover{background:var(--bg-hover);text-decoration:none}.topbar-nav a.active{background:var(--accent-bg);color:var(--accent)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.whoami{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-secondary);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);position:relative}.cart-link:hover{background:var(--bg-hover);text-decoration:none}.cart-count{background:var(--accent);color:var(--text-inverse);border-radius:var(--radius-xl);font-size:11px;font-weight:600;padding:1px 6px}.content{flex:1;padding:20px;max-width:1280px;width:100%;margin:0 auto}.footer{padding:14px 20px;border-top:1px solid var(--border-light);color:var(--text-muted);font-size:12px;text-align:center}.footer .build{font-family:var(--font-mono)}.notice{margin:0;padding:10px 20px;background:var(--warning-bg);color:var(--text-primary);border-bottom:1px solid var(--border-light);font-size:13px}.spinner,.empty-state{padding:32px;text-align:center;color:var(--text-muted)}.error-box{background:var(--error-bg);border:1px solid var(--error);color:var(--text-primary);border-radius:var(--radius-md);padding:9px 12px;margin:10px 0;font-size:13px}.ok-note{color:var(--success);font-size:13px}.hint{color:var(--text-muted);font-size:12px}.warn{color:var(--warning);font-size:12px}.badge{display:inline-block;font-size:11px;padding:2px 8px;border-radius:var(--radius-xl);background:var(--bg-tertiary);color:var(--text-secondary);white-space:nowrap}.badge.in_stock{background:var(--success-bg);color:var(--success)}.badge.made_to_order,.badge.status-submitted{background:var(--info-bg);color:var(--info)}.badge.status-confirmed,.badge.status-in_production{background:var(--warning-bg);color:var(--warning)}.badge.status-shipped{background:var(--success-bg);color:var(--success)}.badge.status-cancelled{background:var(--error-bg);color:var(--error)}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:340px;padding:28px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-medium)}.login-card .logo{height:30px;margin-bottom:14px}.login-card h1{font-size:18px;margin:0 0 4px}.login-lead{color:var(--text-muted);font-size:12px;margin:0 0 16px}.login-card .btn{width:100%;justify-content:center;margin-top:6px}.catalog{display:grid;grid-template-columns:210px 1fr;gap:24px;align-items:start}.catalog-side h2{margin-top:0}.category-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.category-list button{font:inherit;cursor:pointer;display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:7px 10px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary)}.category-list button:hover{background:var(--bg-hover);color:var(--text-primary)}.category-list button.active{background:var(--accent-bg);color:var(--accent);font-weight:500}.search-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.search-field{position:relative;flex:1;display:flex;align-items:center}.search-field svg{position:absolute;left:10px;color:var(--text-muted);pointer-events:none}.search-field .field{padding-left:32px}.result-count{color:var(--text-muted);font-size:12px;white-space:nowrap}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.product-card{display:flex;flex-direction:column;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:14px;gap:10px}.product-card:hover{box-shadow:var(--shadow-light)}.product-link{color:var(--text-primary);display:flex;flex-direction:column;gap:8px}.product-link:hover{text-decoration:none}.product-link h3{line-height:1.35}.product-number{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);display:block}.product-foot{margin-top:auto;display:flex;flex-direction:column;gap:8px}.price{font-weight:600}.price.big{font-size:20px}.per-unit,.tax-note{color:var(--text-muted);font-size:12px;margin-right:8px}.add-row{display:flex;gap:6px}.field.qty{width:68px;text-align:right}.add-row .btn{flex:1;justify-content:center}.product-image{display:block;aspect-ratio:4 / 3;border-radius:var(--radius-md);background:var(--bg-secondary);overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain}.product-image.placeholder{display:grid;place-items:center;color:var(--text-disabled)}.product-image.placeholder svg{width:40%;height:40%}.product-image.large{aspect-ratio:1}.back-link{display:inline-flex;align-items:center;gap:5px;margin-bottom:14px;font-size:13px}.item-layout{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:28px;align-items:start}.thumb-row{display:flex;gap:8px;margin-top:8px}.thumb-row button{width:62px;padding:0;cursor:pointer;background:transparent;border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden}.thumb-row button.active{border-color:var(--accent)}.item-info h1{margin:2px 0 8px}.item-description{color:var(--text-secondary);line-height:1.5}.buy-box{margin:16px 0;padding:14px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.price-line{margin-bottom:10px}.attributes{width:100%;border-collapse:collapse}.attributes th,.attributes td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--border-light);vertical-align:top}.attributes th{width:40%;font-weight:500;color:var(--text-secondary)}.doc-list{list-style:none;margin:0;padding:0}.doc-list li{display:flex;align-items:center;gap:8px;padding:5px 0}.doc-list a{display:inline-flex;align-items:center;gap:6px}.doc-size{color:var(--text-muted);font-size:12px}.data,.cart-table{width:100%;border-collapse:collapse;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.data th,.cart-table th,.data td,.cart-table td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--border-light)}.data thead th,.cart-table thead th{background:var(--table-header);border-bottom:1px solid var(--table-header-border);font-size:12px;color:var(--text-secondary)}.data tbody tr:hover,.cart-table tbody tr:hover{background:var(--table-row-hover)}.num,th.num,td.num{text-align:right}.total{font-weight:600}.cart-table tfoot th,.cart-table tfoot td{border-bottom:none;background:var(--bg-secondary)}tr.not-orderable{background:var(--error-bg)}.stepper{display:inline-flex;align-items:center;gap:4px}.unit{color:var(--text-muted);font-size:12px;margin-left:6px}.cart-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.checkout-layout{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}.checkout-form section,.checkout-summary{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:16px;margin-bottom:16px}.checkout-form section h2,.checkout-summary h2{margin-top:0}.address-box{font-style:normal;line-height:1.6}.checkout-summary ul{list-style:none;margin:0 0 12px;padding:0}.checkout-summary li{display:grid;grid-template-columns:auto 1fr auto;gap:8px;padding:5px 0;border-bottom:1px solid var(--border-light);font-size:13px}.checkout-summary .qty{color:var(--text-muted);font-family:var(--font-mono);font-size:12px}.total-line{display:flex;justify-content:space-between;font-size:15px}.order-head{display:flex;align-items:center;gap:12px}.order-meta{display:flex;flex-wrap:wrap;gap:28px;margin:12px 0 18px}.order-meta dt{font-size:12px;color:var(--text-secondary)}.order-meta dd{margin:2px 0 0}.order-note{background:var(--bg-secondary);border-radius:var(--radius-md);padding:10px 12px;margin-bottom:14px}@media (max-width: 900px){.catalog,.item-layout,.checkout-layout{grid-template-columns:1fr}.catalog-side{order:2}.cart-label{display:none}.whoami{max-width:120px}}