:root{--bg:#f5f7fb;--panel:#fff;--text:#172033;--muted:#788398;--line:#e6eaf1;--blue:#3867ed;--green:#12a875;--violet:#8165e7;--amber:#dd9814;--red:#e05252;--shadow:0 8px 24px rgba(32,50,89,.055)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:#fff;border-right:1px solid var(--line);padding:26px 18px 18px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 28px}.brand-mark{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#244dd6,#51a7ff);color:#fff;font-size:22px;font-weight:800;box-shadow:0 8px 18px #3867ed33}.brand div{display:flex;flex-direction:column}.brand strong{font-size:18px;letter-spacing:.08em}.brand small,.profile small,.sync small{color:var(--muted);margin-top:2px}.nav-item{width:100%;border:0;background:transparent;color:#5f697b;padding:12px 14px;margin:3px 0;border-radius:10px;text-align:left;font-weight:650;font-size:14px;cursor:pointer;display:flex;gap:12px;align-items:center}.nav-item span{font-size:19px;width:20px;text-align:center}.nav-item:hover{background:#f5f7fb}.nav-item.active{background:#ecf2ff;color:var(--blue)}.sidebar-bottom{margin-top:auto}.sync{display:flex;gap:9px;align-items:center;margin:0 8px 18px}.sync i{width:9px;height:9px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px #12a87516}.sync div,.profile div{display:flex;flex-direction:column}.sync b{font-size:12px}.sync small{font-size:11px}.profile{border:1px solid var(--line);padding:10px;border-radius:12px;display:flex;gap:10px;align-items:center}.profile>span{width:34px;height:34px;border-radius:10px;background:#e7edff;color:#365dde;font-weight:700;display:grid;place-items:center}.profile button{margin-left:auto;border:0;background:none;color:var(--muted)}main{margin-left:236px;padding:32px 34px 60px;min-width:1030px;max-width:1800px}.view{display:none}.view.active{display:block}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}h1{font-size:30px;margin:3px 0 6px;letter-spacing:-.025em}h2{font-size:16px;margin:0 0 4px}.eyebrow{margin:0;color:var(--blue);font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.12em}.subtitle,.panel-head p{margin:0;color:var(--muted)}.header-actions,.table-actions{display:flex;align-items:center;gap:9px}button,input{font:inherit}.ghost,.period,.primary,.filter{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 13px;color:#4e596d;font-weight:650;cursor:pointer}.primary{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 6px 14px #3867ed29}.notice{background:#eef4ff;border:1px solid #dce7ff;color:#4f6181;border-radius:12px;padding:11px 14px;display:flex;align-items:center;gap:10px;margin-bottom:16px}.notice>span{background:#dce8ff;color:var(--blue);border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-weight:800}.notice p{margin:0}.notice button{margin-left:auto;border:0;background:none;color:#66748d}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:13px}.kpi{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:13px;padding:16px 17px;box-shadow:var(--shadow)}.kpi.green{border-top-color:var(--green)}.kpi.violet{border-top-color:var(--violet)}.kpi.amber{border-top-color:var(--amber)}.kpi-title{color:#69758b;font-size:12px;font-weight:700;display:flex;justify-content:space-between}.kpi-title button{border:1px solid #dfe4ec;background:none;color:#8a94a6;border-radius:50%;font-size:10px;width:18px;height:18px}.kpi strong{display:block;font-size:23px;margin:9px 0 7px;letter-spacing:-.02em}.kpi small{color:var(--muted)}.kpi em{color:var(--green);font-style:normal;font-weight:700}.content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,.75fr);gap:13px;margin-bottom:13px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:16px;box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.panel-head p{font-size:12px}.legend{display:flex;gap:14px;color:var(--muted);font-size:11px}.legend span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.lg-blue:before{background:var(--blue)}.lg-green:before{background:var(--green)}.lg-amber:before{background:var(--amber)}.chart{position:relative;height:278px;padding:4px 8px 25px}.chart svg{position:absolute;left:9px;right:9px;top:3px;width:calc(100% - 18px);height:240px;overflow:visible}.line{fill:none;stroke-width:3;stroke-linecap:round}.revenue{stroke:var(--blue)}.profit{stroke:var(--green)}.ad{stroke:var(--amber);stroke-width:2;stroke-dasharray:6 7}.area{fill:url(#area)}.gridline{position:absolute;left:10px;right:10px;border-top:1px dashed #edf0f5}.g1{top:25%}.g2{top:50%}.g3{top:75%}.axis{position:absolute;bottom:0;left:8px;right:8px;display:flex;justify-content:space-between;color:#98a1b1;font-size:10px}.donut-wrap{display:flex;align-items:center;gap:20px}.donut{width:120px;height:120px;border-radius:50%;background:conic-gradient(#456be3 0 52%,#7f67df 52% 70%,#e7a630 70% 84%,#29af88 84% 96%,#dce2ea 96%);display:grid;place-items:center;position:relative;flex:0 0 auto}.donut:after{content:"";position:absolute;width:76px;height:76px;border-radius:50%;background:#fff}.donut div{z-index:1;text-align:center;display:flex;flex-direction:column}.donut b{font-size:19px}.donut small{color:var(--muted)}.breakdown ul{padding:0;margin:0;list-style:none;width:100%}.breakdown li{display:grid;grid-template-columns:10px 1fr auto 28px;align-items:center;gap:7px;padding:6px 0;font-size:11px}.breakdown li i{width:7px;height:7px;border-radius:50%}.breakdown li span{color:#667186}.breakdown li small{color:#9aa3b1;text-align:right}.c1{background:#456be3}.c2{background:#7f67df}.c3{background:#e7a630}.c4{background:#29af88}.c5{background:#dce2ea}.signals{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:13px}.signals article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;align-items:center;gap:10px}.signal-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-weight:800}.signal-icon.red{background:#fdecec;color:var(--red)}.signal-icon.amber{background:#fff5df;color:var(--amber)}.signal-icon.blue{background:#eaf0ff;color:var(--blue)}.signals div{display:flex;flex-direction:column}.signals small{color:var(--muted);font-size:11px;margin-top:3px}.signals button{margin-left:auto;border:0;background:none;color:var(--blue);font-size:11px;font-weight:700}.table-panel{padding:0;overflow:hidden}.table-panel .panel-head{padding:16px 16px 0}.table-actions input{width:230px;border:1px solid var(--line);border-radius:9px;padding:9px 12px}.filter span{background:#edf2ff;color:var(--blue);padding:1px 5px;border-radius:9px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th{background:#f8f9fc;color:#818b9c;text-align:left;text-transform:uppercase;letter-spacing:.04em;font-size:9px;padding:11px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:11px 14px;border-bottom:1px solid #eef1f5;font-size:12px}tbody tr:hover{background:#fafbfe}.product{display:flex;align-items:center;gap:9px;min-width:210px}.product-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#e7ecf7,#cfd8ec);display:grid;place-items:center;color:#66758e;font-weight:800}.product div{display:flex;flex-direction:column}.product small{color:var(--muted);margin-top:2px}.positive{color:var(--green);font-weight:750}.negative{color:var(--red);font-weight:750}.warning{color:var(--amber);font-weight:750}.tag{padding:4px 7px;border-radius:12px;font-size:10px;font-weight:750}.green-tag{background:#e8f7f1;color:#07825c}.amber-tag{background:#fff3dc;color:#a56b00}.red-tag{background:#fdeaea;color:#c54747}.blue-tag{background:#eaf0ff;color:#365fd9}.settings-strip{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.settings-strip div{display:flex;flex-direction:column}.settings-strip small{margin-top:4px;color:var(--muted)}.flow{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;display:flex;align-items:center;margin-bottom:13px}.flow article{display:flex;align-items:center;gap:9px;min-width:175px}.flow article>span{width:29px;height:29px;border:1px solid #d9dfe9;border-radius:50%;display:grid;place-items:center;color:#8b95a5;font-weight:700}.flow article div{display:flex;flex-direction:column}.flow article small{color:var(--muted);margin-top:3px;font-size:11px}.flow i{height:1px;background:#dfe4ec;flex:1;margin:0 10px}.flow .done>span{background:var(--green);color:#fff;border-color:var(--green)}.flow .active>span{border:2px solid var(--blue);color:var(--blue)}.logistics-grid{grid-template-columns:1fr 1fr}.shipments>div{display:grid;grid-template-columns:100px 1fr auto;grid-template-rows:auto auto;gap:5px 10px;padding:11px 0;border-bottom:1px solid #edf0f4;align-items:center}.shipments>div:last-child{border:0}.shipments small{color:var(--muted)}.shipments progress{grid-column:3;grid-row:1/3;width:100px}.next-action{display:flex;align-items:center;gap:12px;background:#f7f9fd;padding:14px;border-radius:10px}.next-action>span{width:48px;height:48px;border-radius:12px;background:#e8eeff;color:var(--blue);display:grid;place-items:center;font-size:20px;font-weight:800}.next-action div{flex:1}.next-action p{color:var(--muted);font-size:12px;margin:4px 0 0}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.mini-stats div{background:#f8f9fc;border-radius:8px;padding:10px;display:flex;flex-direction:column}.mini-stats small{color:var(--muted);margin-bottom:4px}.warehouses{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.warehouses>div{display:grid;grid-template-columns:1fr auto;gap:8px;background:#f8f9fc;padding:12px;border-radius:9px}.warehouses progress{grid-column:1/3;width:100%;height:7px}.warehouses small{color:var(--muted)}progress{accent-color:var(--blue)}@media(max-width:1250px){.content-grid{grid-template-columns:1fr}.breakdown .donut-wrap{justify-content:center}.kpi strong{font-size:20px}.signals{grid-template-columns:1fr}.warehouses{grid-template-columns:repeat(2,1fr)}}