@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#152628;background:#f6f8f6;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select{font:inherit}.topbar{height:74px;background:#fff;border-bottom:1px solid #e7eeea;display:flex;align-items:center;justify-content:space-between;padding:0 38px;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-weight:800;font-size:18px;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#114c40;color:#fff;font-size:21px}.brand-dot{color:#b7db77}.brand small{display:block;font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:.22em;color:#8b9a98;margin-top:-3px}.top-right{display:flex;align-items:center;gap:20px}.demo-badge{border:1px solid #dbead9;border-radius:20px;padding:7px 11px;color:#3e7149;font-size:10px;font-weight:700;letter-spacing:.08em;background:#f5faf3}.pulse{display:inline-block;background:#78b575;width:6px;height:6px;border-radius:50%;margin-right:5px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#dbeae2;color:#205549;font-size:11px;font-weight:800}.shell{display:flex;min-height:calc(100vh - 74px)}.sidebar{width:238px;flex-shrink:0;background:#fff;border-right:1px solid #e7eeea;padding:34px 19px;display:flex;flex-direction:column}.side-caption{font-size:10px;letter-spacing:.16em;font-weight:800;color:#a3b0ad;margin:0 13px 16px}.nav-link{display:flex;align-items:center;gap:13px;text-decoration:none;color:#667976;padding:12px 14px;border-radius:9px;font-size:13px;font-weight:600;margin-bottom:4px}.nav-link:first-letter{font-size:17px}.nav-link:hover,.nav-link.active{background:#eaf3ed;color:#145a47}.side-foot{margin-top:auto;border-top:1px solid #e9efeb;padding-top:24px}.side-foot p{color:#879793;font-size:11px;line-height:1.6;margin:0 13px}.side-foot strong{color:#4c625d}.content{max-width:1620px;width:100%;padding:37px 42px 35px;margin:auto}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.17em;color:#51a579}.page-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:11px 0 26px}.page-head h1{font-family:Manrope,sans-serif;font-size:29px;line-height:1.2;letter-spacing:-.055em;margin:0 0 7px}.page-head p,.panel>p{color:#849590;font-size:13px;margin:0}.snapshot{font-size:9px;letter-spacing:.12em;color:#a0afaa;text-align:right}.snapshot strong{display:block;color:#526962;font-size:11px;margin-top:5px}.filters{display:flex;align-items:end;gap:12px;padding:15px;background:#fff;border:1px solid #e9efeb;border-radius:12px;margin-bottom:18px;box-shadow:0 4px 18px #142f2510}.filters label{display:flex;flex:1;min-width:120px;flex-direction:column;gap:7px;color:#9aaba5;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.filters input,.filters select{width:100%;height:37px;border:1px solid #e3ebe7;border-radius:7px;padding:0 10px;color:#36514a;background:#fff;font-size:12px;font-weight:600;letter-spacing:0;min-width:0}.filters button{height:37px;border:1px solid #dce9e2;border-radius:7px;background:#f3faf5;color:#397859;padding:0 15px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}.filters button:hover{background:#e3f1e6}.filter-error,.product-note{font-size:12px;padding:10px 14px;border-radius:7px;margin:0 0 15px}.filter-error{color:#a5463e;background:#fff1ec}.product-note{color:#576e5f;background:#eaf4e9}.loading{padding:40px;color:#627b70;text-align:center}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px}.kpi,.panel{background:#fff;border:1px solid #e9efeb;border-radius:12px;box-shadow:0 5px 22px #172e2610}.kpi{padding:23px 22px 19px;min-height:133px;position:relative;overflow:hidden}.kpi:before{content:'';position:absolute;width:36px;height:3px;background:#b3d7a4;left:22px;top:0}.kpi.attention:before{background:#e2b884}.kpi span{font-size:10px;letter-spacing:.1em;font-weight:800;color:#91a39d}.kpi strong{display:block;font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-.045em;margin:15px 0 5px;white-space:nowrap}.kpi.attention strong{color:#a8653d}.kpi small{font-size:11px;color:#a1aea9}.grid-main{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:18px;margin-bottom:18px}.panel{padding:23px 23px 19px;min-width:0}.panel-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.panel h2{font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.035em;margin:6px 0 5px}.legend{font-size:10px;color:#82968d;display:flex;align-items:center;gap:7px;white-space:nowrap}.legend i{width:8px;height:8px;border-radius:50%;display:inline-block;margin-left:7px}.sales-key{background:#317b60}.cash-key{background:#b6d28d}.trend-chart{height:238px;margin-top:15px;position:relative}.trend-chart svg{width:100%;height:100%;overflow:visible}.chart-grid{stroke:#e8eeeb;stroke-width:1}.axis-label{fill:#a2b0aa;font-size:10px}.sales-line{fill:none;stroke:#2b8061;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.cash-line{fill:none;stroke:#b3cf89;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-dot{fill:#2b8061}.aging-bars{margin-top:28px;display:grid;gap:19px}.bar-head{display:flex;justify-content:space-between;color:#748b82;font-size:11px;margin-bottom:7px}.bar-head strong{color:#344e43;font-size:11px}.bar-track{height:8px;background:#f0f4f0;border-radius:10px;overflow:hidden}.bar-fill{height:100%;background:#77a88a;border-radius:10px}.bar-row:nth-child(3) .bar-fill{background:#d0a96e}.bar-row:nth-child(4) .bar-fill{background:#b87965}.aging-total{border-top:1px solid #edf0ed;margin-top:23px;padding-top:16px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8fa097}.aging-total strong{font:800 17px Manrope,sans-serif;color:#254d3e}.grid-bottom{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px;margin-bottom:18px}.count-pill{font-size:10px;font-weight:800;color:#647f70;background:#edf5ee;border-radius:15px;padding:5px 9px}.table-scroll{overflow:auto;max-height:340px;margin-top:13px}table{border-collapse:collapse;width:100%;font-size:11px}th{text-align:left;color:#a3b1aa;font-size:9px;letter-spacing:.07em;padding:11px 7px;border-bottom:1px solid #edf1ed;white-space:nowrap}td{padding:13px 7px;border-bottom:1px solid #f0f3f0;color:#667b72;white-space:nowrap}td strong{display:block;color:#2c4c3f;font-size:11px;margin-bottom:2px}td small{color:#a5b3ab}.numeric{text-align:right}.late{color:#b37b4e;font-weight:700}.table-note{font-size:10px!important;margin-top:15px!important}.empty{color:#9caf9f;padding:24px 7px;text-align:center}.sales-details{grid-template-columns:1fr 1fr}.rank-list{margin-top:16px}.rank-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid #f0f2ef;font-size:11px;color:#617c6f}.rank-row strong{color:#284b3d}.rank-row .number{color:#a6b5ab;margin-right:10px}footer{color:#a5b1aa;text-align:center;font-size:10px;padding:8px}footer a{color:#558a6f}section[id],article[id]{scroll-margin-top:95px}@media(max-width:1100px){.sidebar{width:190px}.content{padding:30px 25px}.kpi{padding:20px 15px}.kpi strong{font-size:21px}}@media(max-width:850px){.sidebar{display:none}.grid-main,.grid-bottom{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}.filters{flex-wrap:wrap}.filters label{flex-basis:calc(50% - 12px)}.filters button{flex:1}}@media(max-width:520px){.topbar{padding:0 17px}.demo-badge{font-size:8px}.avatar,.snapshot{display:none}.content{padding:25px 14px}.page-head h1{font-size:25px}.kpi strong{font-size:19px}.kpi{min-height:116px}.panel{padding:18px}.legend{font-size:9px}.filters label{flex-basis:100%}}

.kpis.secondary .kpi{min-height:118px;padding-top:19px}
.kpis.secondary .kpi strong{margin-top:11px}
.filters{flex-wrap:wrap}
.filters label{flex-basis:calc(16.66% - 12px)}
.filters button{flex:1;min-width:115px}
.stock-low{color:#b36d47;font-weight:800}
.stock-ok{color:#41865e;font-weight:700}
@media(max-width:1050px){.filters label{flex-basis:calc(33.33% - 12px)}}
@media(max-width:520px){.filters label{flex-basis:100%}.kpis.secondary .kpi strong{font-size:17px}}