@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg:#0b0f1a;--bg-alt:#0e1225;--surface:#141929;--surface-2:#1c2235;--surface-3:#242a3d;--surface-hover:#1f2640;--border:#94a3b814;--border-light:#94a3b80d;--border-focus:#7c5cfc66;--brand:#7c5cfc;--brand-hover:#6b4ce0;--brand-light:#7c5cfc1f;--brand-glow:#7c5cfc33;--brand-gradient:linear-gradient(135deg, #7c5cfc 0%, #a78bfa 100%);--profit:#22c55e;--profit-bg:#22c55e14;--profit-border:#22c55e26;--loss:#ef4444;--loss-bg:#ef444414;--loss-border:#ef444426;--warning:#f59e0b;--warning-bg:#f59e0b14;--warning-border:#f59e0b26;--info:#3b82f6;--info-bg:#3b82f614;--uzum:#7c5cfc;--uzum-bg:#7c5cfc1a;--yandex:#fc3f1d;--yandex-bg:#fc3f1d1a;--text:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:18px;--r-2xl:24px;--r-full:9999px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 10px 30px #00000080;--shadow-glow:0 0 30px #7c5cfc26;--font:"Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--ease:cubic-bezier(.4, 0, .2, 1);--t-fast:.15s var(--ease);--t-base:.25s var(--ease);--t-slow:.4s var(--ease);--sidebar-w:240px;--topbar-h:56px;--safe-b:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;min-height:100dvh;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}input,select,button,textarea{font-family:inherit;font-size:inherit}input[type=number]::-webkit-inner-spin-button{appearance:none}input[type=number]::-webkit-outer-spin-button{appearance:none}input[type=number]{appearance:textfield}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:3px}.app{min-height:100dvh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);z-index:100;transition:transform var(--t-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar__logo{padding:var(--sp-5) var(--sp-5);align-items:center;gap:var(--sp-3);border-bottom:1px solid var(--border);height:var(--topbar-h);display:flex}.sidebar__logo-icon{background:var(--brand-gradient);border-radius:var(--r-md);color:#fff;width:32px;height:32px;font-weight:800;font-size:var(--text-sm);box-shadow:var(--shadow-glow);justify-content:center;align-items:center;display:flex}.sidebar__logo-text{font-weight:800;font-size:var(--text-lg);letter-spacing:-.02em}.sidebar__logo-text span{color:var(--brand)}.sidebar__nav{padding:var(--sp-3);gap:var(--sp-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar__section-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:var(--sp-4) var(--sp-3) var(--sp-2);font-weight:700}.sidebar__link{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-3);border-radius:var(--r-md);font-size:var(--text-sm);color:var(--text-secondary);transition:all var(--t-fast);cursor:pointer;font-weight:500;display:flex;position:relative}.sidebar__link:hover{background:var(--surface-hover);color:var(--text)}.sidebar__link.active{background:var(--brand-light);color:var(--brand);font-weight:600}.sidebar__link.active:before{content:"";background:var(--brand);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.sidebar__link-icon{text-align:center;width:22px;font-size:18px}.sidebar__link-badge{background:var(--loss);color:#fff;border-radius:var(--r-full);text-align:center;min-width:18px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:700}.sidebar__bottom{padding:var(--sp-3);border-top:1px solid var(--border)}.sidebar__user{align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-md);cursor:pointer;transition:background var(--t-fast);display:flex}.sidebar__user:hover{background:var(--surface-hover)}.sidebar__avatar{border-radius:var(--r-full);background:var(--brand-gradient);width:34px;height:34px;font-weight:700;font-size:var(--text-sm);color:#fff;justify-content:center;align-items:center;display:flex}.sidebar__username{font-size:var(--text-sm);font-weight:600}.sidebar__plan{font-size:var(--text-xs);color:var(--text-muted);align-items:center;gap:4px;display:flex}.sidebar__plan-dot{background:var(--profit);border-radius:50%;width:6px;height:6px}.main{margin-left:var(--sidebar-w);flex:1;min-height:100dvh}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--border);padding:0 var(--sp-6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#0b0f1acc;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar__title{font-size:var(--text-lg);font-weight:700}.topbar__actions{align-items:center;gap:var(--sp-3);display:flex}.topbar__badge{align-items:center;gap:var(--sp-2);background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning);border-radius:var(--r-full);font-size:var(--text-xs);padding:5px 12px;font-weight:600;display:inline-flex}.page{padding:var(--sp-6);max-width:1400px}.period-selector{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);gap:2px;padding:3px;display:inline-flex}.period-btn{border-radius:var(--r-sm);font-size:var(--text-xs);cursor:pointer;color:var(--text-muted);transition:all var(--t-fast);background:0 0;border:none;padding:6px 14px;font-weight:600}.period-btn:hover{color:var(--text)}.period-btn.active{background:var(--brand);color:#fff;box-shadow:var(--shadow-glow)}.platform-toggle{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);gap:2px;padding:3px;display:inline-flex}.platform-btn{border-radius:var(--r-sm);font-size:var(--text-xs);cursor:pointer;color:var(--text-muted);transition:all var(--t-fast);background:0 0;border:none;align-items:center;gap:6px;padding:6px 14px;font-weight:600;display:flex}.platform-btn:hover{color:var(--text);background:var(--surface-hover)}.platform-btn.active{background:var(--surface-2);color:var(--text)}.platform-btn__dot{border-radius:50%;width:6px;height:6px}.kpi-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);transition:all var(--t-fast);position:relative;overflow:hidden}.kpi:hover{border-color:var(--border-focus);box-shadow:var(--shadow-glow)}.kpi__header{margin-bottom:var(--sp-3);justify-content:space-between;align-items:center;display:flex}.kpi__label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.kpi__icon{border-radius:var(--r-sm);justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.kpi__icon--profit{background:var(--profit-bg)}.kpi__icon--loss{background:var(--loss-bg)}.kpi__icon--brand{background:var(--brand-light)}.kpi__icon--warning{background:var(--warning-bg)}.kpi__icon--info{background:var(--info-bg)}.kpi__value{font-size:var(--text-2xl);letter-spacing:-.02em;margin-bottom:var(--sp-1);font-weight:800}.kpi__change{font-size:var(--text-xs);border-radius:var(--r-full);align-items:center;gap:4px;padding:2px 8px;font-weight:600;display:inline-flex}.kpi__change--up{color:var(--profit);background:var(--profit-bg)}.kpi__change--down{color:var(--loss);background:var(--loss-bg)}.kpi__change--neutral{color:var(--text-muted);background:var(--surface-2)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.panel__header{padding:var(--sp-5) var(--sp-5) var(--sp-3);justify-content:space-between;align-items:center;display:flex}.panel__title{font-size:var(--text-base);font-weight:700}.panel__subtitle{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.panel__body{padding:0 var(--sp-5) var(--sp-5)}.panel__body--flush{padding:0}.alert-list{gap:var(--sp-2);flex-direction:column;display:flex}.alert-item{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);font-size:var(--text-sm);transition:background var(--t-fast);cursor:default;display:flex}.alert-item:hover{background:var(--surface-hover)}.alert-item--critical{background:var(--loss-bg);border:1px solid var(--loss-border)}.alert-item--warning{background:var(--warning-bg);border:1px solid var(--warning-border)}.alert-item--info{background:var(--info-bg);border:1px solid #3b82f626}.alert-item__icon{flex-shrink:0;font-size:16px}.alert-item__text{flex:1}.alert-item__text strong{font-weight:600}.alert-item__time{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.data-table-wrap{-webkit-overflow-scrolling:touch;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);width:100%;position:relative;overflow-x:auto}.data-table-wrap:after{content:"";pointer-events:none;opacity:0;width:30px;transition:opacity var(--t-base);background:linear-gradient(270deg,#0b0f1a66,#0000);position:absolute;top:0;bottom:0;right:0}.data-table-wrap.is-scrolling:after{opacity:1}.dt{border-collapse:collapse;width:100%;font-size:var(--text-sm);min-width:800px}.dt th{text-align:left;padding:var(--sp-3) var(--sp-4);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600}.dt th:hover{color:var(--text)}.dt td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-light);white-space:nowrap}.dt tr:last-child td{border-bottom:none}.dt tr:hover td{background:var(--surface-hover)}@media (width<=768px){.dt--responsive{border:0;min-width:0;display:block}.dt--responsive thead{display:none}.dt--responsive tbody{display:block}.dt--responsive tr{margin-bottom:var(--sp-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4);display:block}.dt--responsive td{padding:var(--sp-2) 0;border-bottom:1px solid var(--border-light);white-space:normal;text-align:right;justify-content:space-between;display:flex}.dt--responsive td:last-child{border-bottom:none}.dt--responsive td:before{content:attr(data-label);color:var(--text-muted);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;margin-right:var(--sp-4);text-align:left}.dt--responsive .dt__product{justify-content:flex-end}}.dt__product{align-items:center;gap:var(--sp-3);display:flex}.dt__product-img{border-radius:var(--r-sm);background:var(--surface-3);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.dt__product-name{color:var(--text);text-overflow:ellipsis;max-width:200px;font-weight:600;overflow:hidden}.dt__product-sku{font-size:var(--text-xs);color:var(--text-muted)}.dt .positive{color:var(--profit);font-weight:600}.dt .negative{color:var(--loss);font-weight:600}.dt .neutral{color:var(--text-muted)}.status{border-radius:var(--r-full);font-size:var(--text-xs);align-items:center;gap:4px;padding:3px 10px;font-weight:600;display:inline-flex}.status--ok{background:var(--profit-bg);color:var(--profit);border:1px solid var(--profit-border)}.status--warning{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.status--critical{background:var(--loss-bg);color:var(--loss);border:1px solid var(--loss-border)}.status__dot{background:currentColor;border-radius:50%;width:6px;height:6px}.chart-wrap{width:100%;position:relative}.chart-wrap canvas{width:100%!important}.progress{background:var(--surface-3);border-radius:3px;height:6px;overflow:hidden}.progress__fill{height:100%;transition:width var(--t-slow);border-radius:3px}.progress__fill--profit{background:var(--profit)}.progress__fill--brand{background:var(--brand)}.progress__fill--warning{background:var(--warning)}.progress__fill--loss{background:var(--loss)}.funnel{gap:var(--sp-2);flex-direction:column;display:flex}.funnel__step{align-items:center;gap:var(--sp-4);display:flex}.funnel__bar-wrap{flex:1}.funnel__bar{border-radius:var(--r-sm);height:32px;padding:0 var(--sp-3);font-size:var(--text-xs);color:#fff;transition:width var(--t-slow);align-items:center;font-weight:700;display:flex}.funnel__label{width:100px;font-size:var(--text-xs);color:var(--text-secondary);flex-shrink:0;font-weight:600}.funnel__value{text-align:right;width:80px;font-size:var(--text-sm);color:var(--text);flex-shrink:0;font-weight:700}.funnel__pct{text-align:right;width:50px;font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0}.order-stats{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.order-stat{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4);text-align:center}.order-stat__icon{margin-bottom:var(--sp-2);font-size:24px}.order-stat__value{font-size:var(--text-xl);font-weight:800}.order-stat__label{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.waterfall{flex-direction:column;gap:4px;display:flex}.wf-row{align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-sm);font-size:var(--text-sm);display:flex}.wf-row--income{background:var(--profit-bg)}.wf-row--expense{background:var(--loss-bg)}.wf-row--result{background:var(--brand-light);font-weight:700}.wf-label{flex:1}.wf-value{white-space:nowrap;font-weight:700}.wf-value.positive{color:var(--profit)}.wf-value.negative{color:var(--loss)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);border-radius:var(--r-md);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all var(--t-fast);-webkit-tap-highlight-color:transparent;border:none;padding:10px 20px;display:inline-flex}.btn--primary{background:var(--brand-gradient);color:#fff;box-shadow:0 2px 12px #7c5cfc4d}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #7c5cfc66}.btn--secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn--secondary:hover{background:var(--surface-3)}.btn--ghost{color:var(--text-secondary);background:0 0}.btn--ghost:hover{color:var(--text);background:var(--surface-hover)}.btn--sm{font-size:var(--text-xs);padding:6px 14px}.btn--block{width:100%}.btn--lg{font-size:var(--text-base);border-radius:var(--r-lg);padding:14px 28px}.form-group{margin-bottom:var(--sp-5)}.form-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--sp-2);font-weight:600;display:block}.form-input{width:100%;padding:12px var(--sp-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);font-size:var(--text-base);transition:all var(--t-fast);outline:none}.form-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow)}.form-input::placeholder{color:var(--text-muted)}.grid{gap:var(--sp-4);display:grid}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr 1fr}.grid-2-1{grid-template-columns:2fr 1fr}.grid-1-1-1{grid-template-columns:1fr 1fr 1fr}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-6{gap:var(--sp-6)}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.mb-4{margin-bottom:var(--sp-4)}.mb-6{margin-bottom:var(--sp-6)}.text-profit{color:var(--profit)}.text-loss{color:var(--loss)}.text-warning{color:var(--warning)}.text-muted{color:var(--text-muted)}.text-brand{color:var(--brand)}.font-bold{font-weight:700}.font-black{font-weight:900}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;opacity:0;pointer-events:none;transition:opacity var(--t-base);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:auto}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);width:100%;max-width:480px;max-height:90vh;padding:var(--sp-6);box-shadow:var(--shadow-lg);transition:transform var(--t-base);overflow-y:auto;transform:scale(.95)}.modal-overlay.open .modal{transform:scale(1)}.modal__header{margin-bottom:var(--sp-6);justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--text-lg);font-weight:700}.modal__close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:24px}.modal__footer{margin-top:var(--sp-8);gap:var(--sp-3);justify-content:flex-end;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.anim-in{animation:fadeIn var(--t-base) ease-out both}.anim-in-1{animation-delay:50ms}.anim-in-2{animation-delay:.1s}.anim-in-3{animation-delay:.15s}.anim-in-4{animation-delay:.2s}.mobile-nav{z-index:200;background:var(--surface);border-top:1px solid var(--border);padding-bottom:var(--safe-b);display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav__inner{grid-template-columns:repeat(5,1fr);height:60px;display:grid}.mobile-nav__item{color:var(--text-muted);cursor:pointer;transition:color var(--t-fast);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:600;display:flex}.mobile-nav__item.active{color:var(--brand)}.mobile-nav__item-icon{font-size:20px}@media (width<=1024px){.sidebar{z-index:1100;width:280px;transform:translate(-100%);box-shadow:20px 0 50px #00000080}.sidebar.open{transform:translate(0)}.main{padding-top:var(--topbar-h);margin-left:0}.topbar{width:100%;left:0}.topbar__menu{display:flex}.mobile-nav{z-index:2000;display:block}.mobile-nav__inner{grid-template-columns:repeat(5,1fr)}body{padding-bottom:calc(60px + var(--safe-b))}.grid-2,.grid-3,.grid-2-1{grid-template-columns:1fr}.page{padding:var(--sp-4)}}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;opacity:0;pointer-events:none;transition:opacity var(--t-base);background:#000000b3;position:fixed;inset:0}.sidebar-overlay.open{opacity:1;pointer-events:auto}.sidebar__close{top:var(--sp-4);right:var(--sp-4);background:var(--surface-3);color:var(--text-muted);border-radius:var(--r-md);cursor:pointer;z-index:10;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:none;position:absolute}@media (width<=1024px){.sidebar__close{display:flex}.sidebar{z-index:1100}}.mobile-nav__item--menu{cursor:pointer}@media (width<=640px){.kpi-grid{gap:var(--sp-3);grid-template-columns:1fr 1fr}.kpi{padding:var(--sp-3) var(--sp-4)}.kpi__value{font-size:var(--text-base);word-break:break-word;line-height:1.3}.kpi__value span{display:none}.kpi__label{font-size:10px}.kpi__icon{width:28px;height:28px;font-size:13px}.order-stats{grid-template-columns:1fr 1fr}.topbar__title{font-size:var(--text-base)}.page{padding-bottom:calc(80px + var(--safe-b))}}.hidden{display:none!important}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.grid-resp{grid-template-columns:repeat(var(--grid-cols,2), 1fr);gap:var(--sp-6);display:grid}@media (width<=768px){.grid-resp,.grid-2-1,.grid-2{grid-template-columns:1fr}.dt--responsive thead{display:none}.dt--responsive,.dt--responsive tbody,.dt--responsive tr,.dt--responsive td{width:100%;display:block}.dt--responsive tr{background:var(--surface-2);border-radius:var(--r-lg);margin-bottom:var(--sp-6);padding:var(--sp-4);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.dt--responsive td{padding:var(--sp-3) 0;border:none;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;display:flex}.dt--responsive td:last-child{border-bottom:none}.dt--responsive td:before{content:attr(data-label);color:var(--text-muted);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;margin-right:var(--sp-4)}.dt--responsive .dt__product{text-align:right;justify-content:flex-end}}.app-container{width:100%;position:relative;overflow-x:hidden}.mobile-hide{display:block}@media (width<=768px){.mobile-hide{display:none!important}}@keyframes sidebarPulse{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 6px #6366f100}to{box-shadow:0 0 #6366f100}}.sidebar__link.active{border-radius:var(--r-md);animation:2s infinite sidebarPulse}.card-glass{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-6);transition:transform .3s var(--e-out), border-color .3s var(--e-out)}.card-glass:hover{border-color:var(--brand);transform:translateY(-4px)}