: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;--content-max-width:1360px}*{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);scrollbar-gutter:stable}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}.layout-content-shell,.layout-content-shell>.unified-page-frame,.layout-content-shell>.unified-page-frame>*,.page-shell{max-width:100%;min-width:0;width:100%}.page-shell{display:flex;flex-direction:column;gap:12px;margin:0}.page-shell>*{max-width:100%;width:100%}.page-shell>.MuiGrid-container{margin-left:0!important;margin-right:0!important;max-width:100%!important;width:100%!important}.page-shell>.MuiGrid-container>.MuiGrid-item{max-width:100%}.page-shell .MuiCard-root,.page-shell .MuiTableContainer-root,.page-shell .crm-controls-bar,.page-shell .crm-list-card,.page-shell .crm-table-shell,.page-shell .page-header{max-width:100%;width:100%}.layout-content-shell,.layout-content-shell>.unified-page-frame,.layout-content-shell>.unified-page-frame>.page-shell{margin:0!important;max-width:100%!important;min-width:0!important;width:100%!important}.layout-content-shell>.unified-page-frame>.page-shell{padding-left:0!important;padding-right:0!important}@media (max-width:767.95px){.layout-content-shell{background:linear-gradient(160deg,#6366f117,#fffffffa 50%,#f8fafc);border:1px solid #94a3b83d;border-radius:16px;box-shadow:0 10px 26px #4f46e51a;padding:10px 8px 18px;width:100%}.page-shell{grid-gap:12px;display:grid;gap:12px;max-width:100%}.page-header{gap:9px;margin-bottom:12px}.page-shell .page-header{border-radius:14px;box-shadow:0 8px 18px #4f46e51a;padding:12px}.page-header-actions{width:100%}.page-header-actions .MuiToggleButtonGroup-root{flex-wrap:nowrap;overflow-x:auto;width:100%}.page-header-actions .MuiButton-root,.page-header-actions .MuiFormControl-root{min-width:0;width:100%}.crm-controls-bar{border-radius:12px;box-shadow:0 5px 14px #0f172a0d;margin-bottom:12px;padding:10px}.crm-filter-row{gap:8px}.crm-filter-row>*{flex:1 1 100%;min-width:0}.crm-controls-bar .MuiToggleButtonGroup-root{display:flex;flex-wrap:nowrap;overflow-x:auto;width:100%}.crm-controls-bar .MuiToggleButton-root{white-space:nowrap}.crm-list-card,.page-shell .MuiCard-root{border-radius:12px}.page-shell .MuiCardContent-root{padding:12px}.page-shell .MuiCardContent-root:last-child{padding-bottom:12px}.page-shell .MuiButton-root{border-radius:11px;min-height:38px;text-transform:none}.page-shell .MuiChip-root{max-width:100%}.page-shell .MuiDialog-paper{margin:10px;width:calc(100% - 20px)}}.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}@keyframes rowFlashFade{0%{background-color:#fde047a6}to{background-color:initial}}.row-highlight-flash{animation:rowFlashFade 2s ease-out forwards}.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}.mobile-quick-actions{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #94a3b859;border-radius:14px;bottom:calc(10px + env(safe-area-inset-bottom, 0px));box-shadow:0 12px 30px #0f172a29;left:10px;padding:8px;position:fixed;right:10px;z-index:1200}.mobile-quick-actions-spacer{height:calc(86px + env(safe-area-inset-bottom, 0px))}.page-shell .MuiCard-root{transition:transform .18s ease,box-shadow .22s ease,border-color .2s ease}.crm-list-card{transition:transform .16s ease,box-shadow .22s ease,border-color .2s ease}.page-shell .MuiButton-root{transition:transform .12s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease}.page-shell .MuiButton-root:active{transform:translateY(1px) scale(.99)}@media (hover:hover){.crm-list-card:hover,.page-shell .MuiCard-root:hover{border-color:#a5b4fca6;box-shadow:0 10px 24px #0f172a1c;transform:translateY(-1px)}}@media (max-width:767.95px){.layout-content-shell{border-radius:16px;padding:10px 8px 18px;width:100%}.page-shell{grid-gap:12px;display:grid;gap:12px;max-width:100%}.page-header{gap:9px;margin-bottom:12px}.page-shell .page-header{border-radius:14px;box-shadow:0 8px 18px #4f46e51a;padding:12px}.page-header-actions{width:100%}.page-header-actions .MuiToggleButtonGroup-root{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;width:100%}.page-header-actions .MuiButton-root,.page-header-actions .MuiFormControl-root{min-width:0;width:100%}.crm-controls-bar{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:12px;box-shadow:0 5px 14px #0f172a0d;margin-bottom:12px;padding:10px}.crm-filter-row{gap:8px}.crm-filter-row>*{flex:1 1 100%;min-width:0}.crm-controls-bar .MuiToggleButtonGroup-root{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;width:100%}.crm-controls-bar .MuiToggleButton-root{border-radius:10px!important;white-space:nowrap}.crm-list-card,.page-shell .MuiCard-root{border-radius:12px}.crm-list-card{box-shadow:0 7px 20px #0f172a14}.page-shell .MuiCardContent-root{padding:12px}.page-shell .MuiCardContent-root:last-child{padding-bottom:12px}.page-shell .MuiButton-root{border-radius:11px;font-weight:600;min-height:38px;text-transform:none}.page-shell .MuiButton-contained{box-shadow:0 8px 18px #4f46e538}.page-shell .MuiButton-contained:active{box-shadow:0 5px 12px #4f46e529}.page-shell .MuiChip-root{font-weight:600;max-width:100%}.page-shell .MuiDialog-paper{border-radius:14px;margin:10px;width:calc(100% - 20px)}.mobile-quick-actions{border-radius:12px;left:8px;padding:7px;right:8px}.mobile-quick-actions .MuiButton-root{min-height:40px}.page-shell .MuiTypography-h4,.page-shell .MuiTypography-h5,.page-shell .MuiTypography-h6{letter-spacing:-.01em}.page-shell .MuiToggleButtonGroup-root::-webkit-scrollbar{height:6px}.page-shell .MuiToggleButtonGroup-root::-webkit-scrollbar-thumb{background:#94a3b88c;border-radius:999px}.page-shell .MuiToggleButtonGroup-root::-webkit-scrollbar-track{background:#e2e8f080;border-radius:999px}}@media (prefers-reduced-motion:reduce){.crm-list-card,.page-shell .MuiButton-root,.page-shell .MuiCard-root{transition:none!important}}.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:767.95px){.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}}