:root{--primary:#2563eb;--secondary:#0f5db8;--accent:#22c55e;--surface-bg:#f5f7fb;--ink:#0f172a;--muted:#667085;--line:#e7ebf2;--panel:#ffffff;--sidebar:#0b1220;--sidebar-soft:#111c31;--shadow:0 12px 34px rgba(15,23,42,.055);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--surface-bg)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--surface-bg)}body{min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.boot-screen{min-height:100vh;display:grid;place-items:center;align-content:center;gap:10px;background:radial-gradient(circle at top,#eef5ff 0,#f8fafc 44%,#f5f7fb);color:#334155}.boot-mark{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-weight:950;font-size:1.4rem;box-shadow:0 16px 40px #2563eb38}.boot-screen b{font-size:1.35rem}.boot-screen span{font-size:.88rem;color:#7b8495}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(440px,.85fr);background:#fff}.login-art{position:relative;overflow:hidden;padding:46px 58px;color:#fff;background:radial-gradient(circle at 20% 15%,rgba(96,165,250,.28),transparent 34%),radial-gradient(circle at 72% 75%,rgba(34,197,94,.18),transparent 32%),linear-gradient(145deg,#091426,#102a53 56%,#0b5b7a)}.login-art:before,.login-art:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:999px}.login-art:before{width:520px;height:520px;right:-210px;top:-190px}.login-art:after{width:400px;height:400px;left:-180px;bottom:-170px}.login-brand{position:relative;z-index:2;display:flex;align-items:center;gap:12px}.login-brand span{width:38px;height:38px;border-radius:12px;background:#fff;color:#114c99;display:grid;place-items:center;font-weight:950}.login-brand strong{font-size:1.25rem;letter-spacing:-.02em}.login-copy{position:relative;z-index:2;max-width:680px;margin-top:15vh}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:.72rem;letter-spacing:.13em;font-weight:900;color:#3b82f6}.login-copy .eyebrow{color:#7dd3fc}.login-copy h1{font-size:clamp(2.9rem,5.4vw,5.8rem);line-height:.98;letter-spacing:-.055em;margin:18px 0 24px}.login-copy>p{font-size:1.1rem;line-height:1.7;color:#ffffffb8;max-width:620px}.login-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.login-preview-grid article{border:1px solid rgba(255,255,255,.13);background:#ffffff13;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;padding:17px}.login-preview-grid small{display:block;color:#fff9;font-weight:750}.login-preview-grid strong{display:block;font-size:1.42rem;margin:7px 0}.login-preview-grid span{color:#86efac;font-size:.82rem;font-weight:800}.login-art-foot{position:absolute;bottom:38px;left:58px;display:flex;align-items:center;gap:8px;color:#ffffffa6;font-size:.84rem}.login-form-wrap{display:grid;place-items:center;padding:48px;background:linear-gradient(180deg,#fff,#fbfcfe)}.login-card{width:min(460px,100%)}.login-company{display:flex;align-items:center;gap:12px;margin-bottom:32px}.login-company img{width:52px;height:52px;border:1px solid #e5eaf1;border-radius:15px;object-fit:contain;padding:6px;background:#fff}.company-logo-fallback{width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:grid;place-items:center;font-weight:900}.login-company small,.login-company strong{display:block}.login-company small{color:#8a94a6;font-size:.75rem}.login-company strong{font-size:1.08rem;margin-top:2px}.login-card h2{font-size:2.25rem;letter-spacing:-.045em;margin:0 0 8px}.login-card>p{margin:0 0 28px;color:#707b8f;line-height:1.55}.login-error{padding:12px 14px;border-radius:12px;background:#fff1f1;border:1px solid #ffd3d3;color:#b42318;font-size:.88rem;margin-bottom:16px}.login-field{display:block;margin-bottom:15px}.login-field>span{display:block;font-size:.78rem;font-weight:850;color:#455267;margin-bottom:7px}.login-field>div{display:flex;align-items:center;gap:9px;border:1px solid #dfe5ee;border-radius:13px;padding:0 12px;background:#fff;transition:.2s}.login-field>div:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}.login-field svg{color:#8792a5;flex:none}.login-field input{border:0;outline:0;min-height:48px;width:100%;background:transparent;color:#182235}.login-field button{border:0;background:transparent;padding:6px;color:#7d8899}.login-submit{margin-top:8px;width:100%;min-height:50px;border:0;border-radius:13px;background:linear-gradient(90deg,var(--primary),var(--secondary));color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 12px 28px color-mix(in srgb,var(--primary) 25%,transparent)}.demo-hint{margin-top:14px;text-align:center;color:#7d8797;font-size:.78rem}.app-shell{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:linear-gradient(180deg,#0a1220,#0e1d33);color:#cbd5e1;z-index:60;display:flex;flex-direction:column;padding:20px 14px}.brand{display:flex;align-items:center;gap:11px;padding:4px 7px 22px}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#60a5fa,#2563eb);color:#fff;font-weight:950;box-shadow:0 10px 24px #2563eb47}.brand strong,.brand small{display:block}.brand strong{color:#fff;font-size:1.04rem}.brand small{font-size:.65rem;color:#70819a;margin-top:2px;letter-spacing:.06em}.sidebar nav{display:grid;gap:4px}.nav-item{width:100%;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;border:0;background:transparent;color:#94a3b8;padding:11px 12px;border-radius:11px;text-align:left;font-weight:760}.nav-item small{font-size:.58rem;padding:3px 5px;border-radius:999px;background:#18273f;color:#697b95}.nav-item.active{background:linear-gradient(90deg,#2563eb38,#2563eb14);color:#fff;box-shadow:inset 3px 0 #60a5fa}.nav-item:disabled{opacity:.82}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.07);padding:17px 8px 4px}.provider-chip{display:flex;align-items:center;gap:7px;font-size:.75rem;font-weight:800;color:#dbe7f5}.status-dot{width:7px;height:7px;border-radius:99px;background:#22c55e;box-shadow:0 0 0 4px #22c55e1f}.sidebar-foot>small{display:block;color:#61728b;font-size:.68rem;margin-top:7px}.mobile-close,.sidebar-backdrop{display:none}.app-main{grid-column:2;min-width:0}.topbar{height:72px;position:sticky;top:0;z-index:40;background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto minmax(300px,660px) auto;align-items:center;gap:18px;padding:0 28px}.topbar-left{display:flex;align-items:center;gap:10px}.menu-button{display:none;border:0;background:#f1f5f9;border-radius:10px;width:40px;height:40px;place-items:center}.company-pill{display:flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid #e5eaf1;border-radius:12px;background:#fff}.company-dot{width:10px;height:10px;border-radius:50%;background:var(--primary)}.company-pill small,.company-pill strong{display:block}.company-pill small{font-size:.59rem;color:#8a94a6;text-transform:uppercase;letter-spacing:.08em}.company-pill strong{font-size:.84rem}.company-pill>svg{color:#97a2b2}.global-search{position:relative;height:42px;border:1px solid #e2e8f0;border-radius:12px;display:flex;align-items:center;gap:8px;padding:0 12px;background:#f8fafc}.global-search>svg{color:#7b8798}.global-search input{border:0;outline:0;background:transparent;width:100%;color:#172033}.global-search>button{border:0;background:transparent;color:#7b8798;padding:4px}.search-results{position:absolute;top:49px;left:0;right:0;background:#fff;border:1px solid #dfe5ee;border-radius:15px;box-shadow:0 24px 65px #0f172a2e;padding:8px;z-index:80;max-height:430px;overflow:auto}.search-results-title{padding:8px 10px;color:#8a95a6;font-size:.69rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.search-result{display:grid;grid-template-columns:38px minmax(150px,1fr) auto;align-items:center;gap:10px;padding:10px;border-radius:11px}.search-result:hover{background:#f7f9fc}.search-result-icon{width:36px;height:36px;border-radius:10px;background:#eef5ff;color:#2563eb;display:grid;place-items:center}.search-result-main b,.search-result-main small{display:block}.search-result-main b{font-size:.88rem}.search-result-main small{margin-top:3px;color:#8792a4;font-size:.69rem}.search-result-stats{display:flex;align-items:center;gap:16px}.search-result-stats span{min-width:70px}.search-result-stats small,.search-result-stats b{display:block;text-align:right}.search-result-stats small{font-size:.59rem;color:#98a2b3}.search-result-stats b{font-size:.77rem;margin-top:2px}.search-empty{padding:24px;text-align:center;color:#8792a4;font-size:.83rem}.user-menu{display:flex;align-items:center;gap:9px;justify-self:end}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#0f172a,#334155);color:#fff;display:grid;place-items:center;font-size:.75rem;font-weight:900}.user-copy strong,.user-copy small{display:block}.user-copy strong{font-size:.82rem}.user-copy small{font-size:.66rem;color:#8a95a5;margin-top:2px}.logout-button{border:0;background:#f8fafc;color:#677386;width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.content{padding:28px;max-width:1680px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px}.page-heading h1{font-size:2.25rem;letter-spacing:-.045em;margin:7px 0 5px}.page-heading p{margin:0;color:#6f7a8d}.page-heading p b{color:#253047}.heading-actions{display:flex;align-items:center;gap:8px}.period-tabs{display:flex;padding:4px;background:#eef2f7;border-radius:11px}.period-tabs button{border:0;background:transparent;color:#6f7b8d;padding:8px 11px;border-radius:8px;font-size:.78rem;font-weight:800}.period-tabs button.active{background:#fff;color:#172033;box-shadow:0 3px 10px #0f172a14}.branch-select{min-height:40px;border:1px solid #e0e6ee;border-radius:10px;background:#fff;padding:0 12px;color:#455267;font-weight:700}.refresh-button{width:40px;height:40px;border:1px solid #e0e6ee;border-radius:10px;background:#fff;color:#556277;display:grid;place-items:center}.custom-period-card{display:flex;align-items:end;gap:10px;margin:-4px 0 18px;padding:12px 14px;border:1px solid #e2e8f0;border-radius:13px;background:#fff}.custom-period-card label span{display:block;font-size:.67rem;color:#8792a4;font-weight:800;margin-bottom:5px}.custom-period-card input{border:1px solid #dfe5ee;border-radius:9px;padding:8px}.custom-period-card>span{display:flex;align-items:center;gap:6px;margin-left:auto;color:#728096;font-size:.78rem;font-weight:700}.error-banner{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:13px;background:#fff4f4;border:1px solid #ffd7d7;color:#a63434;margin-bottom:18px}.error-banner>svg{flex:none}.error-banner div{flex:1}.error-banner b,.error-banner span{display:block}.error-banner span{font-size:.78rem;margin-top:3px;color:#b15e5e}.error-banner button{border:1px solid #f0baba;background:#fff;border-radius:9px;padding:8px 11px;color:#9b2e2e;font-weight:800}.hero-grid{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(450px,1.22fr);gap:14px;margin-bottom:14px}.health-card,.attention-card,.panel,.kpi-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.health-card{padding:20px;position:relative;overflow:hidden}.health-card:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-80px;top:-95px;background:currentColor;opacity:.055}.health-card.excellent{color:#118a4e}.health-card.good{color:#2563eb}.health-card.attention{color:#d97706}.health-card.critical{color:#dc2626}.health-card-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.section-kicker{display:block;font-size:.65rem;font-weight:900;letter-spacing:.12em;color:#8792a4}.health-card h2{font-size:2.15rem;line-height:1;margin:9px 0 5px;color:#111827}.health-card p{margin:0;font-weight:850;color:currentColor}.health-orb{width:50px;height:50px;border-radius:15px;background:color-mix(in srgb,currentColor 10%,#fff);display:grid;place-items:center}.health-progress{height:7px;border-radius:99px;background:#edf1f5;overflow:hidden;margin:20px 0 11px}.health-progress span{display:block;height:100%;border-radius:99px;background:currentColor}.health-card>small{color:#788396;line-height:1.5}.attention-card{padding:18px}.card-heading,.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-heading h2,.panel-heading h2{font-size:1.05rem;margin:4px 0 0;color:#162033}.card-heading>svg{color:#e78822}.attention-list{display:grid;gap:7px;margin-top:12px}.attention-item{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:9px;padding:9px 10px;border-radius:11px;background:#fafbfc}.attention-dot{width:7px;height:7px;border-radius:50%;background:#94a3b8}.severity-high .attention-dot{background:#ef4444}.severity-medium .attention-dot{background:#f59e0b}.attention-item b,.attention-item small{display:block}.attention-item b{font-size:.8rem}.attention-item small{font-size:.68rem;color:#8792a4;margin-top:2px}.attention-item>strong{font-size:.76rem;color:#455267}.all-good{padding:20px;color:#5f6d80;font-size:.82rem}.all-good span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#eaf8ef;color:#168047;margin-right:7px}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:14px}.kpi-card{padding:16px;position:relative;min-width:0}.kpi-topline{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:8px}.kpi-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#edf4ff;color:#2563eb}.tone-green .kpi-icon{background:#eafaf0;color:#159256}.tone-orange .kpi-icon{background:#fff4e6;color:#d97706}.tone-violet .kpi-icon{background:#f2edff;color:#7c3aed}.tone-indigo .kpi-icon{background:#eef2ff;color:#4f46e5}.tone-cyan .kpi-icon{background:#eafaff;color:#0891b2}.kpi-title{font-size:.72rem;font-weight:850;color:#667286;text-transform:uppercase;letter-spacing:.03em}.kpi-info{color:#a1aabc;display:grid;place-items:center}.kpi-main{display:flex;justify-content:space-between;align-items:flex-end;gap:6px;margin-top:12px}.kpi-main strong{display:block;font-size:1.4rem;letter-spacing:-.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-main small{display:block;margin-top:5px;font-size:.67rem;font-weight:800}.up{color:#159a59!important}.down{color:#d74848!important}.warning{color:#d97706!important}.muted{color:#9aa4b3!important}.sparkline{width:70px;height:30px;color:#8bb8ff;flex:none}.tone-green .sparkline{color:#75d9a0}.tone-orange .sparkline{color:#f7bb6d}.tone-violet .sparkline{color:#b39af7}.sparkline.empty{width:54px}.estimated-pill{position:absolute;right:12px;top:11px;font-size:.57rem;font-weight:900;padding:3px 6px;border-radius:999px;background:#fff6dd;color:#a76a00}.kpi-card.is-hidden{opacity:.65}.kpi-card.is-hidden .kpi-main strong{font-size:.94rem;color:#8d98a9}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.55fr);gap:14px;margin-bottom:14px}.panel{padding:18px}.panel-heading p{margin:4px 0 0;color:#8993a4;font-size:.72rem}.panel-heading>small{color:#97a0af;font-size:.68rem}.chart-legend{display:flex;gap:13px;color:#768296;font-size:.7rem;font-weight:750}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.legend-sales{background:#3b82f6}.legend-profit{background:#7ed9a4}.trend-chart-wrap{position:relative;margin-top:6px;min-height:285px}.trend-chart{width:100%;display:block;overflow:visible}.grid-line{stroke:#edf1f5;stroke-width:1}.axis-label,.x-label{fill:#98a2b3;font-size:10px}.sales-line{stroke:#3b82f6}.sales-point{fill:#fff;stroke:#3b82f6;stroke-width:2.2}.profit-bar{fill:#8bd8aa;opacity:.75}.hover-line{stroke:#a7b1c0;stroke-dasharray:4 4;stroke-width:1}.chart-tooltip{position:absolute;top:20px;transform:translate(-50%);min-width:180px;background:#111827;color:#fff;border-radius:12px;padding:11px 12px;box-shadow:0 16px 40px #0f172a42;pointer-events:none;z-index:5}.chart-tooltip b{display:block;font-size:.8rem;margin-bottom:7px}.chart-tooltip span{display:flex;justify-content:space-between;gap:15px;font-size:.68rem;color:#cbd5e1;margin-top:4px}.chart-tooltip span strong{color:#fff}.chart-tooltip em{display:block;margin-top:6px;font-size:.62rem;color:#fbd38d}.chart-empty{min-height:260px;display:grid;place-items:center;color:#98a2b3}.mini-health-list{display:grid;gap:15px;margin-top:20px}.mini-health-list>div{display:grid;grid-template-columns:72px 1fr 66px;align-items:center;gap:9px}.mini-health-list span{font-size:.74rem;color:#667286;font-weight:750}.mini-health-list b{font-size:.65rem;text-align:right}.mini-health-track{height:6px;border-radius:99px;background:#edf1f5;overflow:hidden}.mini-health-track i{display:block;width:72%;height:100%;border-radius:99px}.mini-health-track i.excellent{background:#22c55e;width:95%}.mini-health-track i.good{background:#3b82f6;width:78%}.mini-health-track i.attention{background:#f59e0b;width:53%}.mini-health-track i.critical{background:#ef4444;width:28%}.mini-health-list b.excellent{color:#169551}.mini-health-list b.good{color:#2f6fd6}.mini-health-list b.attention{color:#d47a09}.mini-health-list b.critical{color:#d83b3b}.health-hidden-note{grid-template-columns:1fr!important;color:#8792a4;font-size:.76rem;line-height:1.5}.inventory-mini{display:grid;gap:8px;border-top:1px solid #edf1f5;margin-top:20px;padding-top:15px}.inventory-mini span{display:flex;align-items:center;gap:7px;font-size:.72rem;color:#647185}.inventory-mini b{margin-left:auto;color:#172033}.rank-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.rank-list{display:grid;margin-top:12px}.rank-row{display:grid;grid-template-columns:28px minmax(140px,1fr) 110px 95px 60px;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f0f2f5}.rank-row:last-child{border-bottom:0}.rank-row.product{grid-template-columns:28px minmax(140px,1fr) 100px 55px}.rank-number{width:24px;height:24px;border-radius:8px;background:#f0f4f9;display:grid;place-items:center;color:#65748a;font-size:.68rem;font-weight:900}.rank-row b,.rank-row small{display:block}.rank-row b{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-row small{font-size:.64rem;color:#97a0af;margin-top:2px}.rank-share{height:6px;border-radius:99px;background:#eef2f6;overflow:hidden}.rank-share i{display:block;height:100%;border-radius:99px;background:#73a9ff}.rank-row>strong{font-size:.72rem;text-align:right}.rank-row>em{font-size:.66rem;font-style:normal;font-weight:850;text-align:right}.panel-empty{padding:28px;text-align:center;color:#98a2b3;font-size:.78rem}.changes-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:14px}.timeline{display:grid;margin-top:12px}.timeline-item{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #f0f2f5}.timeline-item:last-child{border-bottom:0}.timeline-item>span{width:30px;height:30px;border-radius:9px;background:#eef5ff;color:#2f70d8;display:grid;place-items:center}.timeline-item.dir-down>span{background:#fff0f0;color:#d64a4a}.timeline-item.dir-warning>span{background:#fff6e7;color:#d57b0a}.timeline-item b,.timeline-item small{display:block}.timeline-item b{font-size:.78rem}.timeline-item small{font-size:.63rem;color:#98a2b3;margin-top:3px}.quality-status{display:flex;gap:11px;align-items:center;padding:12px;border-radius:12px;margin-top:14px}.quality-status.good{background:#edf9f2;color:#14824a}.quality-status.estimated{background:#fff7e8;color:#b66d05}.quality-status>span{width:32px;height:32px;border-radius:10px;background:#fff;display:grid;place-items:center;font-weight:950}.quality-status b,.quality-status small{display:block}.quality-status b{font-size:.78rem}.quality-status small{font-size:.65rem;margin-top:2px;opacity:.8}.quality-panel ul{margin:14px 0 0;padding-left:18px;color:#737f92;font-size:.7rem;line-height:1.55}.pulse-footer{display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-end;color:#98a2b3;font-size:.65rem;padding:18px 2px 6px}.skeleton{background:linear-gradient(90deg,#edf1f5 25%,#f7f9fb,#edf1f5 65%);background-size:300% 100%;animation:shimmer 1.35s infinite;border-radius:18px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.hero-skeleton{height:180px}.kpi-skeleton{height:130px}.chart-skeleton{height:420px;margin-top:14px}.pulse-skeleton .kpi-grid{margin-top:14px}@media(max-width:1450px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.search-result-stats span:nth-child(3),.search-result-stats span:nth-child(4){display:none}}@media(max-width:1180px){.app-shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{width:200px}.analytics-grid{grid-template-columns:1fr}.mini-health-panel{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mini-health-panel .panel-heading{grid-column:1/-1}.rank-grid{grid-template-columns:1fr}.topbar{grid-template-columns:auto minmax(220px,1fr) auto}.user-copy{display:none}.page-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%;flex-wrap:wrap}.period-tabs,.period-tabs button{flex:1}.branch-select{min-width:190px}}@media(max-width:900px){.app-shell{display:block}.sidebar{transform:translate(-100%);transition:.25s;width:250px}.sidebar.open{transform:translate(0);box-shadow:24px 0 60px #02061747}.app-main{margin-left:0}.mobile-close{display:grid;margin-left:auto;border:0;background:#17243a;color:#9fb0c8;width:34px;height:34px;border-radius:9px;place-items:center}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#0206176b;z-index:50}.menu-button{display:grid}.topbar{padding:0 16px;grid-template-columns:auto 1fr auto}.company-pill{display:none}.content{padding:20px 16px}.hero-grid,.rank-grid,.changes-grid,.login-page{grid-template-columns:1fr}.login-art{display:none}.login-form-wrap{min-height:100vh;padding:28px}.search-result-stats{display:none}}@media(max-width:700px){.topbar{height:auto;min-height:68px;grid-template-columns:auto 1fr auto;gap:8px}.global-search{grid-column:1/-1;grid-row:2;margin-bottom:10px}.content{padding-top:18px}.page-heading h1{font-size:1.8rem}.heading-actions{display:grid;grid-template-columns:1fr auto;width:100%}.period-tabs{grid-column:1/-1;overflow:auto}.period-tabs button{white-space:nowrap}.branch-select{min-width:0;width:100%}.kpi-grid{grid-template-columns:1fr 1fr}.kpi-main strong{font-size:1.22rem}.analytics-grid{grid-template-columns:1fr}.mini-health-panel{display:block}.rank-row{grid-template-columns:26px minmax(110px,1fr) 80px 56px}.rank-share{display:none}.rank-row.product{grid-template-columns:26px minmax(110px,1fr) 86px 48px}.chart-tooltip{display:none}.trend-chart-wrap{overflow-x:auto}.trend-chart{min-width:680px}.custom-period-card{align-items:stretch;flex-direction:column}.custom-period-card>span{margin-left:0}.user-menu .avatar{width:34px;height:34px}.logout-button{display:none}.page-heading{margin-bottom:15px}}@media(max-width:470px){.kpi-grid{grid-template-columns:1fr}.hero-grid{gap:10px}.health-card,.attention-card,.panel,.kpi-card{border-radius:15px}.content{padding-left:12px;padding-right:12px}.period-tabs{width:100%;display:grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:start}.period-tabs button{padding:8px 10px}.login-form-wrap{padding:22px}.login-card h2{font-size:1.9rem}}.sales-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px}.sales-cards-note{margin:-5px 2px 14px;color:#8a95a6;font-size:.67rem}.compact-error{display:flex;align-items:center;gap:7px;margin:0 0 12px;padding:9px 12px;border:1px solid #fecaca;background:#fff7f7;color:#b42318;border-radius:11px;font-size:.72rem}.changes-grid-single{grid-template-columns:1fr}.analytics-skeleton .chart-skeleton{margin:0 0 14px;height:360px}.rank-skeleton{height:280px}.changes-skeleton{height:240px;margin-top:14px}@media(max-width:1180px){.sales-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:470px){.sales-kpi-grid{grid-template-columns:1fr}}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}.app-shell,.app-main,.content,.topbar,.page-heading,.hero-grid,.analytics-grid,.rank-grid,.changes-grid,.panel,.health-card,.attention-card,.kpi-card{min-width:0;max-width:100%}.app-main,.content{width:100%}.page-heading>div:first-child{min-width:0}.page-heading h1,.page-heading p{max-width:100%;overflow-wrap:anywhere}.heading-actions{min-width:0}.period-tabs{max-width:100%}.attention-item{grid-template-columns:10px minmax(0,1fr) minmax(0,max-content);min-width:0}.attention-item>div{min-width:0}.attention-item b,.attention-item small{overflow-wrap:anywhere}.attention-item>strong{max-width:180px;text-align:right;overflow-wrap:anywhere;word-break:break-word}.kpi-main,.kpi-main>div{min-width:0}.rank-row>div{min-width:0}.products-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px;min-width:0}.products-heading>div{min-width:0}.products-heading h1{font-size:2.15rem;letter-spacing:-.045em;margin:7px 0 5px}.products-heading p{margin:0;color:#6f7a8d;line-height:1.55}.products-heading p b{color:#253047}.products-refresh{width:auto;min-width:118px;padding:0 13px;display:flex;gap:7px;font-weight:800}.products-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;gap:12px;margin-bottom:12px;padding:12px}.products-search{height:44px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #dfe5ee;border-radius:11px;background:#f9fbfd;min-width:0}.products-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent);background:#fff}.products-search svg{color:#7e8a9b;flex:none}.products-search input{border:0;outline:0;background:transparent;width:100%;min-width:0;color:#172033}.active-only-chip{height:38px;display:flex;align-items:center;gap:7px;padding:0 11px;border-radius:10px;background:#ebf8f0;color:#168149;font-size:.75rem;font-weight:850;white-space:nowrap}.page-size-select{display:flex;align-items:center;gap:7px;color:#788396;font-size:.7rem;font-weight:800}.page-size-select select{height:38px;border:1px solid #dfe5ee;border-radius:9px;background:#fff;padding:0 9px;color:#455267}.product-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}.product-summary-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);padding:14px;display:flex;align-items:center;gap:11px}.product-summary-card>span{width:38px;height:38px;border-radius:11px;background:#eef5ff;color:#2563eb;display:grid;place-items:center;flex:none}.product-summary-card:nth-child(2)>span{background:#eafaf0;color:#159256}.product-summary-card:nth-child(3)>span{background:#f2edff;color:#7c3aed}.product-summary-card small,.product-summary-card strong{display:block}.product-summary-card small{font-size:.66rem;color:#8792a4;font-weight:750}.product-summary-card strong{font-size:1.05rem;margin-top:3px;overflow-wrap:anywhere}.products-panel{padding:0;overflow:hidden}.products-panel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:17px 18px;border-bottom:1px solid #eef1f5}.products-panel-head h2{font-size:1.05rem;margin:4px 0 0}.products-panel-head small{color:#8d98a8;font-size:.7rem}.products-table-wrap{width:100%;overflow-x:auto}.products-table{width:100%;border-collapse:collapse;table-layout:fixed}.products-table th{position:sticky;top:0;background:#f8fafc;color:#798598;text-transform:uppercase;letter-spacing:.045em;font-size:.64rem;text-align:right;padding:10px 14px;border-bottom:1px solid #e9edf3;white-space:nowrap}.products-table th:first-child{text-align:left;width:38%}.products-table th:nth-child(2){width:11%}.products-table th:nth-child(3){width:11%}.products-table th:nth-child(4){width:12%}.products-table th:nth-child(5){width:20%}.products-table th:nth-child(6){width:8%}.products-table td{padding:12px 14px;border-bottom:1px solid #f0f2f5;text-align:right;vertical-align:middle;font-size:.76rem}.products-table tbody tr:hover{background:#fafcff}.products-table tbody tr:last-child td{border-bottom:0}.products-table td:first-child{text-align:left}.product-name-cell,.number-cell{min-width:0}.product-name-cell b,.product-name-cell small,.number-cell strong,.number-cell small{display:block}.product-name-cell b{font-size:.79rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-name-cell small,.number-cell small{font-size:.63rem;color:#95a0b0;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.number-cell strong{font-size:.75rem}.stock-ok{color:#16824a}.stock-zero{color:#dc2626}.products-mobile-list{display:none}.products-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;border-top:1px solid #edf1f5;color:#7b8798;font-size:.72rem}.products-pagination>div:last-child{display:flex;gap:7px}.products-pagination button{height:36px;border:1px solid #dfe5ee;border-radius:9px;background:#fff;color:#48566b;padding:0 10px;display:flex;align-items:center;gap:5px;font-size:.72rem;font-weight:800}.products-pagination button:disabled{opacity:.42}.products-loading{display:grid;gap:8px;padding:12px}.product-row-skeleton{height:52px;border-radius:10px}.products-empty{min-height:280px;display:grid;place-items:center;align-content:center;text-align:center;gap:7px;color:#8a95a6}.products-empty svg{color:#9cb7dd}.products-empty b{color:#46546a}.products-empty span{font-size:.75rem}@media(max-width:900px){.products-heading{align-items:flex-start}.products-toolbar{grid-template-columns:minmax(0,1fr) auto}.products-search{grid-column:1/-1}.product-summary-grid{grid-template-columns:1fr 1fr 1fr}}@media(max-width:700px){.topbar{width:100%;padding:8px 12px 10px;grid-template-columns:auto minmax(0,1fr) auto;column-gap:8px;row-gap:8px}.topbar-left,.user-menu{min-width:0}.global-search{width:100%;min-width:0;margin:0}.global-search input{min-width:0}.user-menu{justify-self:end}.content{width:100%;max-width:100vw;padding:16px 12px 24px}.page-heading{width:100%;gap:14px}.page-heading h1{font-size:1.72rem;line-height:1.12}.page-heading p{font-size:.92rem;line-height:1.5}.heading-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.period-tabs{grid-column:1/-1;width:100%;display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;justify-content:flex-start}.period-tabs::-webkit-scrollbar{display:none}.period-tabs button{flex:0 0 auto;padding:8px 11px}.branch-select{width:100%;max-width:100%;min-width:0}.refresh-button{width:42px}.hero-grid{width:100%;grid-template-columns:minmax(0,1fr)}.health-card,.attention-card,.panel,.kpi-card{width:100%;min-width:0}.health-card{padding:17px}.health-card-top{min-width:0}.health-card-top>div:first-child{min-width:0}.health-card h2{font-size:1.95rem}.health-orb{width:44px;height:44px;flex:none}.attention-card{padding:15px}.attention-item{grid-template-columns:10px minmax(0,1fr);gap:7px 9px;padding:10px}.attention-item>strong{grid-column:2;justify-self:start;max-width:100%;text-align:left;font-size:.72rem}.sales-kpi-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.kpi-card{padding:14px}.kpi-main{align-items:flex-end}.kpi-main strong{font-size:clamp(1.02rem,5vw,1.25rem)}.sparkline{width:52px}.analytics-grid,.rank-grid,.changes-grid{width:100%;grid-template-columns:minmax(0,1fr)}.trend-chart-wrap{width:100%;min-width:0;overflow:hidden}.trend-chart{width:100%;min-width:0!important}.rank-row,.rank-row.product{width:100%;grid-template-columns:26px minmax(0,1fr) auto auto}.rank-row>strong,.rank-row>em{white-space:nowrap}.rank-row b{white-space:normal;overflow-wrap:anywhere}.timeline-item{grid-template-columns:32px minmax(0,1fr)}.timeline-item b{overflow-wrap:anywhere}.pulse-footer{justify-content:flex-start}.products-heading{align-items:flex-start}.products-heading h1{font-size:1.75rem}.products-heading p{font-size:.9rem}.products-refresh{min-width:42px;width:42px;padding:0}.products-refresh span{display:none}.products-toolbar{grid-template-columns:minmax(0,1fr) auto;padding:10px}.active-only-chip{font-size:.68rem}.page-size-select>span{display:none}.product-summary-grid{grid-template-columns:1fr 1fr}.product-summary-card:nth-child(3){grid-column:1/-1}.products-table-wrap{display:none}.products-mobile-list{display:grid;gap:10px;padding:10px;background:#f7f9fc}.product-mobile-card{background:#fff;border:1px solid #e7ebf2;border-radius:14px;padding:13px;min-width:0}.product-mobile-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;min-width:0}.product-mobile-title>div{min-width:0}.product-mobile-title b,.product-mobile-title small{display:block}.product-mobile-title b{font-size:.8rem;line-height:1.35;overflow-wrap:anywhere}.product-mobile-title small{font-size:.64rem;color:#95a0b0;margin-top:3px;overflow-wrap:anywhere}.active-dot-label{display:flex;align-items:center;gap:5px;color:#168149;font-size:.62rem;font-weight:850;white-space:nowrap}.active-dot-label i{width:6px;height:6px;border-radius:50%;background:#22c55e}.product-mobile-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.product-mobile-metrics>div{min-width:0;padding:9px;border-radius:10px;background:#f8fafc}.product-mobile-metrics small,.product-mobile-metrics strong,.product-mobile-metrics em{display:block}.product-mobile-metrics small{font-size:.58rem;color:#8995a6;text-transform:uppercase;font-weight:800}.product-mobile-metrics strong{font-size:.79rem;margin-top:3px;overflow-wrap:anywhere}.product-mobile-metrics em{font-size:.58rem;font-style:normal;color:#98a2b3;margin-top:2px;overflow-wrap:anywhere}.product-mobile-foot{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:9px;border-top:1px solid #edf1f5;font-size:.67rem;color:#778396}.products-pagination{align-items:flex-start;flex-direction:column;padding:12px}.products-pagination>div:last-child{width:100%}.products-pagination button{flex:1;justify-content:center}.products-panel-head{padding:14px}.products-panel-head>small{white-space:nowrap}}@media(max-width:470px){.content,.topbar{padding-left:10px;padding-right:10px}.page-heading h1{font-size:1.58rem}.page-heading p{font-size:.86rem}.sales-kpi-grid{grid-template-columns:minmax(0,1fr)}.kpi-card{min-height:116px}.kpi-main strong{font-size:1.18rem}.attention-item>strong{font-size:.69rem}.product-summary-grid{grid-template-columns:1fr}.product-summary-card:nth-child(3){grid-column:auto}.products-toolbar{grid-template-columns:minmax(0,1fr) auto}.active-only-chip{padding:0 8px}.products-panel-head{align-items:flex-start;flex-direction:column}.product-mobile-metrics{grid-template-columns:1fr 1fr}}.sync-row{display:flex;flex-wrap:wrap;gap:8px;margin:-7px 0 16px}.sync-status{display:flex;align-items:center;gap:8px;min-width:0;padding:8px 11px;border:1px solid #e1e7ef;border-radius:11px;background:#fff;color:#566379;box-shadow:0 2px 8px #0f172a09}.sync-status>svg{color:#3b82f6;flex:none}.sync-status b,.sync-status small{display:block}.sync-status b{font-size:.68rem;color:#465469}.sync-status small{font-size:.61rem;color:#94a0b1;margin-top:2px}.products-sync-row{margin-top:-8px}@media(max-width:700px){.sync-row{margin-top:-6px}.sync-status{width:100%}}