:root{--color-bg:#f8fafc;--color-surface:#fff;--color-bg-subtle:#f8fafc;--color-text:#0f172a;--color-text-muted:#475569;--color-border:#cbd5e1;--color-primary:#4f46e5;--color-success:#059669;--color-danger:#dc2626;--bg:#f8fafc;--surface:#fff;--surface-muted:#f8fafc;--text:#0f172a;--text-muted:#475569;--border:#cbd5e1;--primary:#4f46e5;--primary-strong:#4338ca;--success:#059669;--danger:#dc2626;--radius:14px}*{box-sizing:border-box}html{padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;background:var(--bg);color:#0f172a;color:var(--text);font-family:Inter,Segoe UI,Roboto,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#4f46e5;color:var(--primary)}.layout-content-shell{margin:0 auto}.layout-content-shell,.layout-content-shell>*{max-width:100%;min-width:0;width:100%}.layout-content-shell>.page-shell{max-width:100%!important}.page-shell{min-width:0;width:100%}@media (max-width:768px){.layout-content-shell{background:linear-gradient(160deg,#6366f117,#fffffffa 50%,#f8fafc);border:1px solid #94a3b83d;border-radius:18px;box-shadow:0 10px 26px #4f46e51a;padding:12px 10px 20px}.page-header{gap:10px;margin-bottom:14px}.page-shell .page-header{box-shadow:0 8px 20px #4f46e51f;padding:14px}}.page-header{align-items:stretch;display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.page-shell .page-header{background:linear-gradient(145deg,#eef2ffeb,#faf5ffe6 52%,#fff);border:1px solid #a5b4fc59;border-radius:16px;box-shadow:0 10px 24px #4f46e51a;padding:16px}@media (min-width:600px){.page-header{align-items:flex-end;flex-direction:row;justify-content:space-between}}.page-shell .MuiCard-root,.section-card{border-radius:16px}.page-shell .MuiTable-root .MuiTableRow-root:hover{background-color:#6366f10a}.crm-controls-bar{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #cbd5e1e6;border-radius:14px;box-shadow:0 6px 18px #0f172a0f;margin-bottom:14px;padding:12px}.crm-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.crm-table-shell{background:#fff;border:1px solid #cbd5e1f2;border-radius:16px;box-shadow:0 10px 24px #0f172a14}.crm-list-card{background:linear-gradient(145deg,#fff,#fafbff);border:1px solid #e2e8f0f2;border-radius:14px;box-shadow:0 4px 14px #0f172a0f}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.column-article{display:none}.column-ozon,.column-wb{min-width:80px}}:root{--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 6px #0000000d,0 2px 4px #0000000a;--shadow-lg:0 10px 15px #0000000f,0 4px 6px #0000000a;--shadow-xl:0 20px 25px #00000012,0 8px 10px #0000000a;--shadow-focus:0 0 0 3px #6366f126;--transition-fast:140ms cubic-bezier(0.22,1,0.36,1);--transition-base:200ms cubic-bezier(0.22,1,0.36,1);--transition-slow:280ms cubic-bezier(0.22,1,0.36,1)}.MuiPaper-root{box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a!important;box-shadow:var(--shadow-sm)!important;transition:box-shadow .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1)!important;transition:box-shadow var(--transition-base),transform var(--transition-base)!important}.MuiCard-root,.metric-card,[class*=MetricCard]{border:1px solid #0000000f;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);transition:box-shadow .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1);transition:box-shadow var(--transition-base),transform var(--transition-base)}.MuiCard-root:hover,.metric-card:hover,[class*=MetricCard]:hover{box-shadow:0 10px 15px #0000000f,0 4px 6px #0000000a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.MuiTableRow-root:hover{background:#6366f108!important;transition:background .14s cubic-bezier(.22,1,.36,1);transition:background var(--transition-fast)}.MuiButton-containedPrimary{box-shadow:0 2px 4px #6366f140!important;transition:transform .14s cubic-bezier(.22,1,.36,1),box-shadow .14s cubic-bezier(.22,1,.36,1),background-color .14s cubic-bezier(.22,1,.36,1),color .14s cubic-bezier(.22,1,.36,1)!important;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast)!important}.MuiButton-containedPrimary:hover{box-shadow:0 4px 12px #6366f159!important;transform:translateY(-1px)!important}.MuiButton-containedPrimary:active{box-shadow:0 1px 2px #6366f133!important;transform:translateY(0)!important}.MuiButton-outlined{transition:transform .14s cubic-bezier(.22,1,.36,1),background-color .14s cubic-bezier(.22,1,.36,1),border-color .14s cubic-bezier(.22,1,.36,1),color .14s cubic-bezier(.22,1,.36,1),box-shadow .14s cubic-bezier(.22,1,.36,1)!important;transition:transform var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)!important}.MuiButton-outlined:hover{background:#6366f10a!important;border-color:#6366f1!important;transform:translateY(-1px)!important}.MuiIconButton-root{transition:transform .14s cubic-bezier(.22,1,.36,1),background-color .14s cubic-bezier(.22,1,.36,1),color .14s cubic-bezier(.22,1,.36,1),box-shadow .14s cubic-bezier(.22,1,.36,1)!important;transition:transform var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)!important}.MuiIconButton-root:hover{background:#6366f114!important;transform:scale(1.1)!important}.MuiChip-root{transition:transform .14s cubic-bezier(.22,1,.36,1),box-shadow .14s cubic-bezier(.22,1,.36,1),background-color .14s cubic-bezier(.22,1,.36,1),color .14s cubic-bezier(.22,1,.36,1),border-color .14s cubic-bezier(.22,1,.36,1)!important;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)!important}.MuiChip-root:hover{box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a!important;box-shadow:var(--shadow-sm)!important;transform:translateY(-1px)!important}.MuiListItemButton-root{border-radius:8px!important;margin:2px 8px!important;transition:transform .14s cubic-bezier(.22,1,.36,1),background-color .14s cubic-bezier(.22,1,.36,1),color .14s cubic-bezier(.22,1,.36,1),box-shadow .14s cubic-bezier(.22,1,.36,1)!important;transition:transform var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)!important}.MuiListItemButton-root:hover{background:#6366f10f!important;transform:translateX(3px)!important}.MuiListItemButton-root.Mui-selected{background:#6366f11a!important;box-shadow:inset 3px 0 0 #6366f1!important}.MuiListItemButton-root:hover .MuiListItemIcon-root{color:#6366f1!important;transition:color .14s cubic-bezier(.22,1,.36,1)!important;transition:color var(--transition-fast)!important}.MuiOutlinedInput-root{transition:box-shadow .14s cubic-bezier(.22,1,.36,1),background-color .14s cubic-bezier(.22,1,.36,1),border-color .14s cubic-bezier(.22,1,.36,1),transform .14s cubic-bezier(.22,1,.36,1)!important;transition:box-shadow var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)!important}.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#6366f1!important}.MuiOutlinedInput-root.Mui-focused{box-shadow:0 0 0 3px #6366f126!important;box-shadow:var(--shadow-focus)!important}.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#6366f1!important;border-width:2px!important}.search-input .MuiOutlinedInput-root.Mui-focused{transform:scaleX(1.02)!important;transform-origin:left!important}.MuiDialog-paper{animation:crm-modal-in .22s cubic-bezier(.2,.8,.2,1)}.MuiDialog-paper.crm-motion-dialog{animation:none!important}.MuiBackdrop-root{animation:crm-backdrop-in .2s ease-out}@keyframes crm-modal-in{0%{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes crm-backdrop-in{0%{opacity:0}to{opacity:1}}