:root{--font-display: "Manrope", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--color-bg: #0f1626;--color-surface: #16203a;--color-surface-sunken: #101827;--color-ink: #eef0f6;--color-ink-soft: #b7bdd1;--color-muted: #7c869e;--color-line: #26314a;--color-primary: #6e97c9;--color-primary-strong: #a9c3e6;--color-on-primary: #0f1626;--color-accent: #d9a066;--color-success: #59b57e;--color-success-soft: #16301f;--color-danger: #e07a7a;--color-danger-soft: #351a1a;--color-warning: #d9a066;--color-warning-soft: #2c2417;--radius-s: 8px;--radius-m: 12px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px}[data-theme=light]{--color-bg: #f6f4ef;--color-surface: #ffffff;--color-surface-sunken: #efece3;--color-ink: #16213b;--color-ink-soft: #4d5670;--color-muted: #8a8577;--color-line: #e4e0d4;--color-primary: #1c3a66;--color-primary-strong: #0f2544;--color-on-primary: #ffffff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}button,input,textarea,select{font-family:inherit;color:inherit}a{color:var(--color-primary)}.app-shell{display:flex;min-height:100%}.sidebar{width:220px;flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-line);display:flex;flex-direction:column;padding:var(--space-5) var(--space-3);position:sticky;top:0;height:100vh}.sidebar__brand{font-family:var(--font-display);font-weight:800;font-size:16px;letter-spacing:.02em;padding:0 var(--space-2) var(--space-5);display:flex;align-items:center;gap:8px}.sidebar__diamond{width:8px;height:8px;background:var(--color-accent);transform:rotate(45deg);flex-shrink:0}.sidebar__nav{display:flex;flex-direction:column;gap:2px}.sidebar__link{display:flex;align-items:center;gap:10px;padding:10px var(--space-3);border-radius:var(--radius-s);border:none;background:none;color:var(--color-ink-soft);font-weight:600;font-size:14px;text-align:left;cursor:pointer}.sidebar__link[data-active=true]{background:var(--color-surface-sunken);color:var(--color-ink)}.sidebar__footer{margin-top:auto;padding:var(--space-3);font-size:12.5px;color:var(--color-muted)}.content{flex:1;padding:var(--space-6);max-width:1200px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);gap:var(--space-3);flex-wrap:wrap}.page-header h1{font-family:var(--font-display);font-size:22px;font-weight:800;margin:0}.card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-m)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3);margin-bottom:var(--space-5)}.stat-card{padding:var(--space-4)}.stat-card__label{font-size:12.5px;color:var(--color-muted);margin-bottom:6px}.stat-card__value{font-family:var(--font-display);font-size:24px;font-weight:800}table{width:100%;border-collapse:collapse;font-size:13.5px}thead th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--color-muted);padding:10px var(--space-3);border-bottom:1px solid var(--color-line)}tbody td{padding:12px var(--space-3);border-bottom:1px solid var(--color-line)}tbody tr:last-child td{border-bottom:none}tbody tr[data-clickable=true]{cursor:pointer}tbody tr[data-clickable=true]:hover{background:var(--color-surface-sunken)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:var(--radius-s);padding:10px 16px;font-weight:700;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.btn--primary{background:var(--color-primary);color:var(--color-on-primary)}.btn--ghost{background:var(--color-surface-sunken);color:var(--color-ink)}.btn--danger{background:var(--color-danger-soft);color:var(--color-danger)}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:700}.badge--muted{background:var(--color-surface-sunken);color:var(--color-muted)}.badge--success{background:var(--color-success-soft);color:var(--color-success)}.badge--danger{background:var(--color-danger-soft);color:var(--color-danger)}.badge--warning{background:var(--color-warning-soft);color:var(--color-warning)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-4)}.field label{font-size:13px;font-weight:600;color:var(--color-ink-soft)}.field input,.field textarea,.field select{border:1px solid var(--color-line);border-radius:var(--radius-s);padding:10px 12px;font-size:14px;background:var(--color-surface-sunken);color:var(--color-ink)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--space-4)}.form-grid--full{grid-column:1 / -1}.variant-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr auto;gap:var(--space-2);align-items:end;margin-bottom:var(--space-3)}.login-shell{min-height:100%;display:grid;place-items:center;padding:var(--space-5)}.login-card{width:100%;max-width:360px;padding:var(--space-6)}.error-banner{background:var(--color-danger-soft);color:var(--color-danger);border-radius:var(--radius-s);padding:10px 14px;font-size:13.5px;margin-bottom:var(--space-4)}.empty-state{text-align:center;padding:var(--space-6);color:var(--color-muted)}.hint-banner{background:var(--color-warning-soft);color:var(--color-ink-soft);border-left:3px solid var(--color-accent);border-radius:var(--radius-s);padding:10px 14px;font-size:13px;line-height:1.5;margin-bottom:var(--space-4)}.image-grid{display:flex;flex-wrap:wrap;gap:10px}.image-tile{position:relative;width:120px;height:120px;border-radius:10px;overflow:hidden;border:1px solid var(--color-line);background:var(--color-surface-sunken)}.image-tile img{width:100%;height:100%;object-fit:cover;display:block}.image-tile__main{position:absolute;top:6px;left:6px;background:var(--color-primary);color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:4px}.image-tile__actions{position:absolute;inset:auto 0 0 0;display:flex;justify-content:center;gap:4px;padding:4px;background:linear-gradient(transparent,#0000008c)}.image-tile__actions button{border:none;background:#ffffffe6;border-radius:4px;width:26px;height:22px;font-size:12px;cursor:pointer}.image-tile__actions button:disabled{opacity:.35;cursor:default}.image-tile--add{display:flex;align-items:center;justify-content:center;border-style:dashed;color:var(--color-muted);font-weight:600;cursor:pointer}.thumb{width:48px;height:48px;border-radius:6px;object-fit:cover;display:block}.thumb--empty{background:var(--color-surface-sunken)}.lang-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--color-line)}.lang-tabs button{border:none;background:none;padding:8px 14px;font-weight:600;color:var(--color-muted);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;display:flex;align-items:center;gap:6px}.lang-tabs button[data-active=true]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.lang-dot{width:7px;height:7px;border-radius:50%;background:var(--color-line)}.lang-dot--ok{background:var(--color-success)}.hint{font-size:13px;color:var(--color-muted);margin:6px 0 12px}.success-banner{background:var(--color-success-soft, #e7f6ec);color:var(--color-success);padding:10px 14px;border-radius:8px;margin-bottom:12px;font-size:13.5px}.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.filters input,.filters select,.search-input{padding:8px 12px;border-radius:8px;border:1px solid var(--color-line);background:var(--color-surface);font:inherit}.filters label{display:flex;align-items:center;gap:6px;font-size:13.5px}.table-wrap{overflow-x:auto}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--color-surface-sunken)}.code-chip{font-family:ui-monospace,monospace;font-weight:700;border:1px dashed var(--color-line);background:var(--color-surface-sunken);border-radius:6px;padding:4px 8px;cursor:copy}.product-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px 16px;margin-top:12px;max-height:320px;overflow-y:auto}.product-picker label{display:flex;gap:8px;align-items:center;font-size:13.5px}.stock-totals{margin-top:12px;font-size:13.5px;color:var(--color-ink-soft)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f1e80;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal{background:var(--color-surface);border-radius:12px;padding:28px;width:min(720px,100%);max-height:90vh;overflow-y:auto}.doc-head{display:flex;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:2px solid var(--color-ink);margin-bottom:16px}.doc-table{width:100%;border-collapse:collapse;margin-bottom:16px}.doc-table th,.doc-table td{border:1px solid var(--color-line);padding:8px;text-align:left;font-size:13.5px}.doc-meta{display:flex;flex-direction:column;gap:4px;font-size:13.5px;margin-bottom:32px}.doc-signs{display:flex;justify-content:space-between;gap:24px;font-size:13.5px;margin-bottom:24px}.doc-actions{display:flex;justify-content:flex-end;gap:8px}.print-only{display:none}@media print{.no-print,.sidebar,nav,.modal-overlay .doc-actions{display:none!important}.print-only{display:block}.print-title{font-weight:800;font-size:16px;margin-bottom:12px}.app-shell{display:block}.content{padding:0}.card{box-shadow:none;border:none}body:has(.modal-overlay) .app-shell>:not(.modal-overlay){display:none!important}.modal-overlay{position:static;background:none;padding:0}.modal{box-shadow:none;max-height:none;width:100%;padding:0}}