@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap&subset=cyrillic,cyrillic-ext,latin,latin-ext";:root{--slate-25: #FBFCFD;--slate-50: #F8FAFC;--slate-100: #F1F5F9;--slate-200: #E2E8F0;--slate-300: #CBD5E1;--slate-400: #94A3B8;--slate-500: #64748B;--slate-600: #475569;--slate-700: #334155;--slate-800: #1E293B;--slate-900: #0F172A;--slate-950: #020617;--indigo-50: #EEF2FF;--indigo-100: #E0E7FF;--indigo-200: #C7D2FE;--indigo-500: #6366F1;--indigo-600: #4F46E5;--indigo-700: #4338CA;--indigo-800: #3730A3;--emerald-50: #ECFDF5;--emerald-100: #D1FAE5;--emerald-500: #10B981;--emerald-600: #059669;--emerald-700: #047857;--amber-50: #FFFBEB;--amber-100: #FEF3C7;--amber-500: #F59E0B;--amber-600: #D97706;--amber-700: #B45309;--red-50: #FEF2F2;--red-100: #FEE2E2;--red-500: #EF4444;--red-600: #DC2626;--red-700: #B91C1C;--sky-50: #F0F9FF;--sky-100: #E0F2FE;--sky-500: #0EA5E9;--sky-600: #0284C7;--sky-700: #0369A1;--color-bg-app: var(--slate-50);--color-bg-surface: #FFFFFF;--color-bg-sunken: var(--slate-100);--color-bg-hover: var(--slate-100);--color-bg-active: var(--slate-200);--color-bg-overlay: rgba(15, 23, 42, .48);--color-text-primary: var(--slate-900);--color-text-secondary: var(--slate-600);--color-text-tertiary: var(--slate-500);--color-text-disabled: var(--slate-400);--color-text-inverse: #FFFFFF;--color-text-link: var(--indigo-700);--color-border-subtle: var(--slate-200);--color-border-default: var(--slate-300);--color-border-strong: var(--slate-400);--color-border-focus: var(--indigo-600);--color-accent: var(--indigo-600);--color-accent-hover: var(--indigo-700);--color-accent-active: var(--indigo-800);--color-accent-fg: #FFFFFF;--color-accent-soft-bg: var(--indigo-50);--color-accent-soft-fg: var(--indigo-700);--color-success-bg: var(--emerald-50);--color-success-fg: var(--emerald-700);--color-success-solid: var(--emerald-500);--color-success-border: var(--emerald-100);--color-warning-bg: var(--amber-50);--color-warning-fg: var(--amber-700);--color-warning-solid: var(--amber-500);--color-warning-border: var(--amber-100);--color-danger-bg: var(--red-50);--color-danger-fg: var(--red-700);--color-danger-solid: var(--red-500);--color-danger-border: var(--red-100);--color-info-bg: var(--sky-50);--color-info-fg: var(--sky-700);--color-info-solid: var(--sky-500);--color-info-border: var(--sky-100);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--fs-2xs: 11px;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 18px;--fs-2xl: 22px;--fs-3xl: 28px;--fs-4xl: 36px;--lh-tight: 1.2;--lh-snug: 1.35;--lh-normal: 1.45;--lh-relaxed: 1.6;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--ls-tight: -.01em;--ls-normal: 0;--ls-wide: .02em;--ls-caps: .06em;--space-0: 0;--space-1: 2px;--space-2: 4px;--space-3: 8px;--space-4: 12px;--space-5: 16px;--space-6: 20px;--space-7: 24px;--space-8: 32px;--space-9: 48px;--space-10: 64px;--space-11: 96px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--shadow-xs: 0 1px 0 rgba(15, 23, 42, .04);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 1px rgba(15, 23, 42, .04);--shadow-md: 0 4px 8px -2px rgba(15, 23, 42, .08), 0 2px 4px -1px rgba(15, 23, 42, .05);--shadow-lg: 0 12px 24px -8px rgba(15, 23, 42, .16), 0 4px 8px -4px rgba(15, 23, 42, .08);--shadow-focus: 0 0 0 3px rgba(79, 70, 229, .2);--shadow-focus-danger: 0 0 0 3px rgba(220, 38, 38, .2);--motion-fast: .12s;--motion-base: .18s;--motion-slow: .24s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--size-control-sm: 28px;--size-control-md: 32px;--size-control-lg: 40px;--size-row-table: 40px;--size-row-list: 44px;--size-icon-sm: 14px;--size-icon-md: 16px;--size-icon-lg: 20px;--size-icon-xl: 24px;--z-dropdown: 1000;--z-sticky: 1100;--z-drawer: 1200;--z-modal: 1300;--z-toast: 1400;--z-tooltip: 1500;--brand-logo: none;--brand-name: "Платформа"}html,body{font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-normal);color:var(--color-text-primary);background:var(--color-bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01";margin:0}*{box-sizing:border-box}:where(button,a,input,textarea,select,[tabindex]):focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.tnum{font-feature-settings:"tnum","cv11"}[data-distributor=severozapad]{--color-accent: #0F766E;--color-accent-hover: #115E59;--color-accent-active: #134E4A;--color-accent-soft-bg: #F0FDFA;--color-accent-soft-fg: #115E59;--brand-name: "Северо-Запад Опт"}[data-distributor=rosfood]{--color-accent: #B91C1C;--color-accent-hover: #991B1B;--color-accent-active: #7F1D1D;--color-accent-soft-bg: #FEF2F2;--color-accent-soft-fg: #991B1B;--brand-name: "РосФуд"}[data-distributor=techoptima]{--color-accent: #7C3AED;--color-accent-hover: #6D28D9;--color-accent-active: #5B21B6;--color-accent-soft-bg: #F5F3FF;--color-accent-soft-fg: #6D28D9;--brand-name: "ТехОптима"}:root[data-theme=dark]{--color-bg-app: var(--slate-950);--color-bg-surface: var(--slate-900);--color-bg-sunken: var(--slate-800);--color-bg-hover: var(--slate-800);--color-bg-active: var(--slate-700);--color-bg-overlay: rgba(2, 6, 23, .72);--color-text-primary: var(--slate-50);--color-text-secondary: var(--slate-300);--color-text-tertiary: var(--slate-400);--color-text-disabled: var(--slate-600);--color-text-inverse: var(--slate-900);--color-text-link: var(--indigo-500);--color-border-subtle: var(--slate-800);--color-border-default: var(--slate-700);--color-border-strong: var(--slate-600);--color-border-focus: var(--indigo-500);--color-accent: var(--indigo-500);--color-accent-hover: var(--indigo-600);--color-accent-active: var(--indigo-700);--color-accent-fg: #ffffff;--color-accent-soft-bg: rgba(99, 102, 241, .18);--color-accent-soft-fg: var(--indigo-100);--color-success-bg: rgba(16, 185, 129, .18);--color-success-fg: var(--emerald-100);--color-success-border: rgba(16, 185, 129, .32);--color-warning-bg: rgba(245, 158, 11, .18);--color-warning-fg: var(--amber-100);--color-warning-border: rgba(245, 158, 11, .32);--color-danger-bg: rgba(239, 68, 68, .18);--color-danger-fg: var(--red-100);--color-danger-border: rgba(239, 68, 68, .32);--color-info-bg: rgba(14, 165, 233, .18);--color-info-fg: var(--sky-100);--color-info-border: rgba(14, 165, 233, .32);--shadow-xs: 0 1px 0 rgba(0, 0, 0, .32);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .36), 0 1px 1px rgba(0, 0, 0, .24);--shadow-md: 0 4px 8px -2px rgba(0, 0, 0, .42), 0 2px 4px -1px rgba(0, 0, 0, .28);--shadow-lg: 0 12px 24px -8px rgba(0, 0, 0, .56), 0 4px 8px -4px rgba(0, 0, 0, .32)}@media (prefers-color-scheme: dark){:root[data-theme=auto]{--color-bg-app: var(--slate-950);--color-bg-surface: var(--slate-900);--color-bg-sunken: var(--slate-800);--color-bg-hover: var(--slate-800);--color-bg-active: var(--slate-700);--color-bg-overlay: rgba(2, 6, 23, .72);--color-text-primary: var(--slate-50);--color-text-secondary: var(--slate-300);--color-text-tertiary: var(--slate-400);--color-text-disabled: var(--slate-600);--color-text-inverse: var(--slate-900);--color-text-link: var(--indigo-500);--color-border-subtle: var(--slate-800);--color-border-default: var(--slate-700);--color-border-strong: var(--slate-600);--color-border-focus: var(--indigo-500);--color-accent: var(--indigo-500);--color-accent-hover: var(--indigo-600);--color-accent-active: var(--indigo-700);--color-accent-fg: #ffffff;--color-accent-soft-bg: rgba(99, 102, 241, .18);--color-accent-soft-fg: var(--indigo-100);--color-success-bg: rgba(16, 185, 129, .18);--color-success-fg: var(--emerald-100);--color-success-border: rgba(16, 185, 129, .32);--color-warning-bg: rgba(245, 158, 11, .18);--color-warning-fg: var(--amber-100);--color-warning-border: rgba(245, 158, 11, .32);--color-danger-bg: rgba(239, 68, 68, .18);--color-danger-fg: var(--red-100);--color-danger-border: rgba(239, 68, 68, .32);--color-info-bg: rgba(14, 165, 233, .18);--color-info-fg: var(--sky-100);--color-info-border: rgba(14, 165, 233, .32)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--size-control-md);padding:0 12px;font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:var(--fw-medium);letter-spacing:-.005em;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--color-text-primary);cursor:pointer;transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out);white-space:nowrap}.btn [data-icon]{font-size:var(--size-icon-md);display:inline-flex}.btn:disabled{cursor:not-allowed;opacity:.55}.btn--primary{background:var(--color-accent);color:var(--color-accent-fg);border-color:var(--color-accent)}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn--primary:active:not(:disabled){background:var(--color-accent-active)}.btn--secondary{background:var(--color-bg-surface);color:var(--color-text-primary);border-color:var(--color-border-default)}.btn--secondary:hover:not(:disabled){background:var(--color-bg-hover)}.btn--secondary:active:not(:disabled){background:var(--color-bg-active)}.btn--ghost{color:var(--color-text-primary)}.btn--ghost:hover:not(:disabled){background:var(--color-bg-hover)}.btn--danger{background:var(--color-danger-solid);color:#fff;border-color:var(--color-danger-solid)}.btn--danger:hover:not(:disabled){background:var(--red-600);border-color:var(--red-600)}.btn--link{height:auto;padding:0;color:var(--color-text-link);background:transparent;border:none}.btn--link:hover{text-decoration:underline}.btn--sm{height:var(--size-control-sm);padding:0 10px;font-size:var(--fs-xs)}.btn--lg{height:var(--size-control-lg);padding:0 16px;font-size:var(--fs-md)}.btn--icon{width:var(--size-control-md);padding:0}.btn--icon.btn--sm{width:var(--size-control-sm)}.input,.select,.textarea{width:100%;height:var(--size-control-md);padding:0 12px;font-family:var(--font-sans);font-size:var(--fs-sm);color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);transition:border-color var(--motion-fast) var(--ease-out)}.textarea{height:auto;padding:8px 12px;min-height:64px;resize:vertical;line-height:var(--lh-normal)}.input:hover,.select:hover,.textarea:hover{border-color:var(--color-border-strong)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.input::placeholder,.textarea::placeholder{color:var(--color-text-tertiary)}.input--invalid{border-color:var(--color-danger-solid)}.input--invalid:focus{box-shadow:var(--shadow-focus-danger)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--color-text-secondary)}.field-help{font-size:var(--fs-xs);color:var(--color-text-tertiary)}.field-error{font-size:var(--fs-xs);color:var(--color-danger-fg)}.input-group{display:flex;align-items:center;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-bg-surface);height:var(--size-control-md);overflow:hidden}.input-group:focus-within{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.input-group .icon{padding:0 10px;color:var(--color-text-tertiary);display:flex;align-items:center}.input-group input{flex:1;border:none;outline:none;height:100%;font-size:var(--fs-sm);background:transparent;color:var(--color-text-primary);padding:0 12px 0 0}.checkbox,.radio{width:16px;height:16px;border:1px solid var(--color-border-default);background:var(--color-bg-surface);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.checkbox{border-radius:3px}.radio{border-radius:999px}.checkbox[data-checked=true],.radio[data-checked=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-fg)}.checkbox[data-checked=true]:after{content:"✓";font-size:11px;font-weight:700}.radio[data-checked=true]:after{content:"";width:6px;height:6px;background:#fff;border-radius:999px}.toggle{width:32px;height:18px;background:var(--slate-300);border-radius:999px;position:relative;cursor:pointer;transition:background var(--motion-fast) var(--ease-out);flex-shrink:0}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:999px;transition:transform var(--motion-fast) var(--ease-out);box-shadow:0 1px 2px #0000001a}.toggle[data-on=true]{background:var(--color-accent)}.toggle[data-on=true]:after{transform:translate(14px)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:var(--fs-2xs);font-weight:var(--fw-medium);letter-spacing:.01em;border-radius:var(--radius-xs);background:var(--slate-100);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);white-space:nowrap}.badge--neutral{background:var(--slate-100);color:var(--color-text-secondary);border-color:var(--slate-200)}.badge--accent{background:var(--color-accent-soft-bg);color:var(--color-accent-soft-fg);border-color:var(--color-accent-soft-bg)}.badge--success{background:var(--color-success-bg);color:var(--color-success-fg);border-color:var(--color-success-border)}.badge--warning{background:var(--color-warning-bg);color:var(--color-warning-fg);border-color:var(--color-warning-border)}.badge--danger{background:var(--color-danger-bg);color:var(--color-danger-fg);border-color:var(--color-danger-border)}.badge--info{background:var(--color-info-bg);color:var(--color-info-fg);border-color:var(--color-info-border)}.chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;font-size:var(--fs-xs);font-weight:var(--fw-medium);border-radius:var(--radius-pill);background:var(--slate-100);color:var(--color-text-secondary);border:1px solid transparent;white-space:nowrap}.chip--active{background:var(--color-accent-soft-bg);color:var(--color-accent-soft-fg);border-color:var(--color-accent-soft-bg)}.chip--removable .x{cursor:pointer;font-size:10px;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:999px}.chip--removable .x:hover{background:#00000014}.s1c{display:inline-flex;align-items:center;gap:5px;height:18px;padding:0 6px;background:var(--slate-900);color:#fff;font-size:10px;font-weight:var(--fw-bold);letter-spacing:.02em;border-radius:var(--radius-xs);font-family:var(--font-sans)}.s1c .dot{width:6px;height:6px;border-radius:999px}.s1c .dot--ok{background:var(--color-success-solid)}.s1c .dot--warn{background:var(--color-warning-solid)}.s1c .dot--err{background:var(--color-danger-solid)}.health{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--color-text-secondary)}.health .dot{width:8px;height:8px;border-radius:999px;flex-shrink:0}.health--ok .dot{background:var(--color-success-solid);box-shadow:0 0 0 3px var(--color-success-bg)}.health--warn .dot{background:var(--color-warning-solid);box-shadow:0 0 0 3px var(--color-warning-bg)}.health--err .dot{background:var(--color-danger-solid);box-shadow:0 0 0 3px var(--color-danger-bg)}.card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.card-header{padding:14px 18px;border-bottom:1px solid var(--color-border-subtle);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:var(--fs-md);font-weight:var(--fw-semibold);margin:0;letter-spacing:var(--ls-tight)}.card-body{padding:16px 18px}.banner{display:flex;gap:12px;padding:12px 14px;border-radius:var(--radius-md);border:1px solid;font-size:var(--fs-sm);align-items:flex-start}.banner [data-icon]{font-size:18px;flex-shrink:0;margin-top:1px}.banner--info{background:var(--color-info-bg);border-color:var(--color-info-border);color:var(--color-info-fg)}.banner--warning{background:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning-fg)}.banner--success{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success-fg)}.banner--danger{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger-fg)}.banner-title{font-weight:var(--fw-semibold);display:block;margin-bottom:2px;color:inherit}.banner-body{color:inherit;opacity:.92}.table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table thead th{text-align:left;font-size:var(--fs-2xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-caps);color:var(--color-text-tertiary);padding:10px 12px;border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-sunken);white-space:nowrap}.table tbody td{padding:0 12px;height:var(--size-row-table);vertical-align:middle;color:var(--color-text-primary);border-bottom:1px solid var(--color-border-subtle)}.table tbody tr:hover td{background:var(--slate-50)}.table tbody tr:last-child td{border-bottom:none}.table .col-num{text-align:right;font-feature-settings:"tnum"}.kbd{display:inline-block;padding:1px 6px;font-family:var(--font-mono);font-size:11px;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-xs);box-shadow:0 1px 0 var(--color-border-default);color:var(--color-text-secondary)}.divider{height:1px;background:var(--color-border-subtle);margin:16px 0}.skeleton{background:linear-gradient(90deg,var(--slate-100) 0%,var(--slate-200) 50%,var(--slate-100) 100%);background-size:200% 100%;border-radius:var(--radius-xs);animation:skeletonShimmer 1.4s ease-in-out infinite}@keyframes skeletonShimmer{to{background-position:-200% 0}}html,body{height:100%}body{margin:0;background:var(--color-bg-app);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--fs-md)}.app{display:grid;grid-template-columns:232px 1fr;grid-template-rows:56px 1fr;height:100vh;grid-template-areas:"side topbar" "side main"}.app-side{grid-area:side;background:var(--slate-900);color:var(--slate-300);display:flex;flex-direction:column;overflow:hidden}.app-side .brand{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.06);color:#fff;font-weight:700;letter-spacing:-.01em;font-size:16px}.app-side .brand .mark{width:28px;height:28px;border-radius:6px;background:var(--color-accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;position:relative}.app-side .brand .mark:after{content:"";position:absolute;bottom:4px;right:4px;width:6px;height:6px;background:var(--emerald-500);border:1.5px solid var(--color-accent);border-radius:999px}.app-side .nav-section{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--slate-500);padding:16px 18px 6px;font-weight:var(--fw-semibold)}.app-side .nav{display:flex;flex-direction:column;gap:1px;padding:0 8px}.app-side .nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--radius-sm);color:var(--slate-300);font-size:13px;font-weight:var(--fw-medium);cursor:pointer;text-decoration:none}.app-side .nav-item [data-icon]{font-size:16px;color:var(--slate-400)}.app-side .nav-item:hover{background:#ffffff0a;color:#fff}.app-side .nav-item:hover [data-icon]{color:var(--slate-200)}.app-side .nav-item[data-active=true]{background:#ffffff14;color:#fff}.app-side .nav-item[data-active=true] [data-icon]{color:var(--color-accent)}.app-side .nav-item .badge-count{margin-left:auto;background:#ffffff14;border-radius:999px;font-size:10px;padding:1px 6px;font-feature-settings:"tnum";color:var(--slate-300)}.app-side .footer{margin-top:auto;padding:12px 14px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:10px;font-size:12px;color:var(--slate-400)}.app-side .avatar{width:28px;height:28px;border-radius:999px;background:var(--slate-700);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:var(--fw-semibold)}.app-top{grid-area:topbar;background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-subtle);display:flex;align-items:center;padding:0 24px;gap:16px}.app-top .crumbs{display:flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--color-text-secondary)}.app-top .crumbs strong{color:var(--color-text-primary);font-weight:var(--fw-semibold)}.app-top .crumbs .sep{color:var(--color-text-tertiary)}.app-top .spacer{flex:1}.app-top .top-actions{display:flex;align-items:center;gap:8px}.app-main{grid-area:main;overflow:auto;padding:24px 32px 64px;background:var(--color-bg-app)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px;gap:24px}.page-head h1{margin:0;font-size:24px;font-weight:var(--fw-semibold);letter-spacing:var(--ls-tight)}.page-head .sub{margin:4px 0 0;font-size:var(--fs-sm);color:var(--color-text-secondary)}.page-actions{display:flex;align-items:center;gap:8px}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.kpi{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:14px 16px}.kpi .label{font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:var(--ls-caps);color:var(--color-text-tertiary);font-weight:var(--fw-semibold);margin:0 0 6px;display:flex;align-items:center;gap:6px}.kpi .value{font-size:22px;font-weight:var(--fw-semibold);letter-spacing:var(--ls-tight);font-feature-settings:"tnum"}.kpi .delta{font-size:var(--fs-xs);color:var(--color-text-secondary);margin-top:4px}.kpi .delta--up{color:var(--color-success-fg)}.kpi .delta--down{color:var(--color-danger-fg)}.toolbar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:none}.toolbar .search{flex:1;max-width:360px}.toolbar .right{margin-left:auto;display:flex;align-items:center;gap:6px}.surface{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden}.surface-stacked{border-radius:0 0 var(--radius-md) var(--radius-md)}.ctx-selector{display:inline-flex;align-items:center;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-xs)}.ctx-cell{display:flex;align-items:center;gap:8px;padding:6px 12px;border-right:1px solid var(--color-border-subtle);cursor:pointer;min-width:0}.ctx-cell:last-child{border-right:none}.ctx-cell:hover{background:var(--color-bg-hover)}.ctx-cell .icon{color:var(--color-text-tertiary);display:inline-flex;font-size:var(--size-icon-md)}.ctx-cell .meta{display:flex;flex-direction:column;min-width:0}.ctx-cell .meta .label{font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:var(--ls-caps);color:var(--color-text-tertiary);font-weight:var(--fw-semibold)}.ctx-cell .meta .value{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.ctx-cell .chev{color:var(--color-text-tertiary);margin-left:4px}.cart-row{display:grid;grid-template-columns:56px 1fr auto auto auto auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--color-border-subtle)}.cart-row:last-child{border-bottom:none}.cart-row .thumb{width:56px;height:56px;border-radius:var(--radius-sm);background:var(--color-bg-sunken);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-size:22px;border:1px solid var(--color-border-subtle)}.cart-row .info{min-width:0}.cart-row .name{font-size:var(--fs-md);font-weight:var(--fw-medium);margin:0 0 2px}.cart-row .meta{font-size:var(--fs-xs);color:var(--color-text-tertiary);display:flex;gap:10px;flex-wrap:wrap}.qty-stepper{display:inline-flex;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-bg-surface);overflow:hidden;height:32px}.qty-stepper button{width:32px;height:100%;background:transparent;border:none;cursor:pointer;color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center}.qty-stepper button:hover{background:var(--color-bg-hover)}.qty-stepper input{width:48px;height:100%;border:none;outline:none;text-align:center;font-size:var(--fs-sm);font-weight:var(--fw-medium);font-feature-settings:"tnum";background:transparent;border-left:1px solid var(--color-border-subtle);border-right:1px solid var(--color-border-subtle)}.cart-row .price{font-size:var(--fs-md);font-weight:var(--fw-semibold);font-feature-settings:"tnum";min-width:100px;text-align:right}.cart-row .price-unit{font-size:var(--fs-xs);color:var(--color-text-tertiary);display:block;font-weight:var(--fw-regular);margin-top:2px}.kit-tag{position:fixed;bottom:12px;right:12px;font-family:var(--font-mono);font-size:10px;background:#0f172acc;color:#fff;padding:4px 8px;border-radius:var(--radius-xs);z-index:100}.client-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr;background:var(--color-bg-app)}.client-side{background:var(--color-bg-surface);border-right:1px solid var(--color-border-subtle);padding:16px 12px;display:flex;flex-direction:column;gap:4px}.client-side-nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;font-size:13px;color:var(--color-text-secondary);text-decoration:none;cursor:pointer}.client-side-nav-item--active{background:var(--color-accent-soft-bg);color:var(--color-accent-soft-fg);font-weight:500}.client-side-nav-item--disabled{color:var(--color-text-tertiary);cursor:not-allowed}.client-top{height:56px;border-bottom:1px solid var(--color-border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--color-bg-surface)}.client-main{display:flex;flex-direction:column}.client-content{padding:24px;display:flex;flex-direction:column;gap:16px;max-width:920px}@media (max-width: 720px){.client-shell{grid-template-columns:1fr}.client-side{display:none}}