*{box-sizing:border-box}body{color:#182238;background:#f5f6fb;margin:0;font-family:Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}main{min-height:100vh;display:flex}aside{color:#fff;z-index:10;background:linear-gradient(#10172e,#24164a);width:230px;padding:24px 16px;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:2px 8px 26px;display:flex}.brand>b{background:linear-gradient(135deg,#8058ef,#fa70ae);border-radius:13px;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.brand h2{margin:0;font-size:18px}.brand small{color:#aab1ca;letter-spacing:1.2px;font-size:8px}aside>button{color:#b9bfd3;text-align:left;background:0 0;border:0;border-radius:11px;width:100%;margin-top:6px;padding:12px;font-weight:700;display:block}aside>button.on{color:#fff;background:#ffffff15;box-shadow:inset 3px 0 #a386ff}.navbadge{float:right;color:#fff;background:#7357dd;border-radius:99px;padding:2px 6px;font-size:7px}.navbadge.red{background:#ff6877}main>section{width:calc(100% - 230px);margin-left:230px}main>section.full{width:100%;margin-left:0}header{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffea;border-bottom:1px solid #e7e9ef;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex;position:sticky;top:0}header small{color:#8b94a5;letter-spacing:1px;font-size:9px}header h3{margin:2px 0}.viewer{background:#f8f6ff;border:1px solid #e4def8;border-radius:12px;align-items:center;gap:9px;padding:7px 9px;display:flex}.viewer span{color:#8e86aa;font-size:8px;font-weight:800}.viewer select{color:#634cc0;background:0 0;border:0;outline:0;font-weight:800}.content{max-width:1360px;margin:auto;padding:28px}.hero{color:#fff;background:linear-gradient(120deg,#29234f,#6546c4 58%,#a062df);border-radius:24px;justify-content:space-between;align-items:center;min-height:225px;padding:34px 38px;display:flex}.hero h1{max-width:760px;margin:10px 0;font-size:35px;line-height:1.08}.hero p{color:#ded9f5;margin-bottom:20px}.hero.customer{background:linear-gradient(120deg,#473099,#c65f9d)}.heroBtn,.lightBtn{color:#fff;background:#ffffff17;border:1px solid #ffffff45;border-radius:11px;padding:10px 14px;font-weight:800}.roleCard{background:#ffffff12;border:1px solid #ffffff2c;border-radius:18px;width:235px;padding:20px}.roleCard small,.roleCard b,.roleCard span{display:block}.roleCard small{color:#d8cff8}.roleCard b{margin:8px 0;font-size:20px}.roleCard span{color:#e3def6;font-size:10px}.stats{grid-template-columns:repeat(4,1fr);gap:13px;margin:18px 0;display:grid}.stats article{background:#fff;border:1px solid #e8eaf0;border-radius:17px;min-height:112px;padding:18px}.stats article:before{content:"";opacity:.14;background:currentColor;border-radius:10px;width:30px;height:30px;margin-bottom:11px;display:block}.stats small,.stats b{display:block}.stats small{color:#858e9e;font-size:8px;font-weight:800}.stats b{margin-top:6px;font-size:24px}.tone0{color:#7556df}.tone1{color:#ec7b67}.tone2{color:#e6a12e}.tone3{color:#20a979}.two,.hubGrid{grid-template-columns:1.45fr .85fr;gap:16px;display:grid}.panel{background:#fff;border:1px solid #e8eaf0;border-radius:20px;padding:20px}.panelHead{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.panelHead h2,.panel h2{margin:5px 0 0}.eyebrow{letter-spacing:1px;color:#7155d3;font-size:8px;font-weight:900}.danger{color:#da5b52}.focus{background:linear-gradient(145deg,#fff,#faf7ff)}.focus p{color:#70798a;font-size:12px;line-height:1.65}.primary{color:#fff;background:linear-gradient(135deg,#7152dc,#a66be8);border:0;border-radius:10px;padding:10px 14px;font-weight:800}.row{border-top:1px solid #edf0f4;grid-template-columns:.8fr 1.5fr .7fr .8fr;align-items:center;gap:12px;padding:13px 0;font-size:11px;display:grid}.row span small{color:#9299a7;display:block}.row i{color:#654bc5;background:#f0ecff;border-radius:99px;width:max-content;padding:5px 8px;font-style:normal}.row.stock{grid-template-columns:1.5fr 1fr 1fr}.row i.Deficit{color:#d9544f;background:#fff0ed}.row i.Healthy{color:#25875d;background:#e9f9f1}.alert{background:#fff5f2;border:1px solid #ffe4df;border-radius:12px;grid-template-columns:1.5fr 1fr 1fr;gap:12px;margin-top:10px;padding:14px;display:grid}.alert strong{color:#d4554d}.partner{background:#f6f3ff;border-radius:13px;margin-top:10px;padding:15px}.partner b{float:right}.hubHero{color:#fff;background:linear-gradient(120deg,#33265f,#7658d9 62%,#ef7ca9);border-radius:24px;justify-content:space-between;align-items:center;gap:20px;padding:30px 34px;display:flex}.hubHero small{letter-spacing:1.1px;color:#ddd4fb;font-size:8px}.hubHero h1{max-width:720px;margin:8px 0;font-size:30px}.hubHero p{color:#e6e0f6;margin:0}.hubStats{grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0;display:grid}.hubStats article{background:#fff;border:1px solid #e8eaf0;border-radius:15px;align-items:center;gap:12px;padding:15px;display:flex}.hubStats small,.hubStats b{display:block}.hubStats small{color:#8991a0;font-size:8px}.hubStats b{font-size:22px}.dot{border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 6px #f0ebff}.violet{background:#7558dc}.coral{background:#ed7b69;box-shadow:0 0 0 6px #fff0ec}.greenDot{background:#24a877;box-shadow:0 0 0 6px #eaf9f2}.filters{flex-wrap:wrap;gap:5px;display:flex}.filters button{color:#7b8391;background:#fafafe;border:1px solid #e6e3ef;border-radius:8px;padding:6px 9px;font-size:8px;font-weight:800}.filters button.chosen{color:#fff;background:#6f54d8;border-color:#6f54d8}.task{background:#fff;border:1px solid #e8eaf0;border-left:4px solid #9a83e8;border-radius:14px;margin-top:11px;padding:15px}.task.high{border-left-color:#ed6e66}.task.low{border-left-color:#54bb8b}.taskTop{justify-content:space-between;align-items:center;display:flex}.taskTop>span:first-child{align-items:center;gap:7px;display:flex}.taskTop b{color:#6c55c5;font-size:9px}.taskTop i{color:#7d8492;background:#f3f4f7;border-radius:6px;padding:4px 6px;font-size:8px;font-style:normal}.task h3{margin:10px 0 5px;font-size:14px}.task p{color:#778090;margin:0 0 13px;font-size:10px;line-height:1.5}.status{color:#7057c6;background:#f1effa;border-radius:99px;padding:5px 8px;font-size:8px;font-weight:900}.status.inprogress{color:#a46b12;background:#fff2df}.status.done,.status.approved{color:#257e59;background:#e9f9f1}.status.needschanges{color:#cf554e;background:#fff0ed}.taskMeta{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.taskMeta span{background:#f8f9fb;border-radius:9px;padding:8px}.taskMeta small,.taskMeta b{display:block}.taskMeta small{color:#9097a4;letter-spacing:.6px;font-size:6px}.taskMeta b{margin-top:3px;font-size:8px}.taskActions{justify-content:flex-end;gap:7px;margin-top:12px;display:flex}.taskActions button{color:#6b55bd;background:#faf9ff;border:1px solid #e2ddef;border-radius:8px;padding:7px 10px;font-size:8px;font-weight:900}.taskActions button.approve{color:#fff;background:#6f55d6;border-color:#6f55d6}.activityPanel{min-height:360px}.iconBtn{background:#f8f9fb;border:1px solid #e5e6ec;border-radius:9px;width:32px;height:32px}.activity>div{border-top:1px solid #eef0f4;grid-template-columns:auto 1fr;gap:10px;padding:12px 0;display:grid}.activity>div>span{border-radius:50%;width:9px;height:9px;margin-top:3px}.salesDot{background:#7657dc}.opsDot{background:#1ca584}.systemDot{background:#ef9e2c}.activity b{font-size:9px}.activity p{color:#747d8d;margin:3px 0;font-size:9px}.activity small{color:#a0a6b0;font-size:7px}.empty{text-align:center;color:#949baa;background:#fafbfc;border-radius:12px;padding:30px;font-size:10px}.backdrop{z-index:50;background:#11162caa;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:21px;width:min(620px,100%);max-height:92vh;padding:25px;position:relative;overflow:auto}.modal h2{margin:7px 0 18px}.close{background:#f0f1f5;border:0;border-radius:9px;width:33px;height:33px;font-size:20px;position:absolute;top:15px;right:15px}.modal label{color:#697386;margin-top:11px;font-size:8px;font-weight:900;display:block}.modal input,.modal textarea,.modal select{color:#263047;background:#fff;border:1px solid #dde1e9;border-radius:9px;width:100%;margin-top:5px;padding:10px}.modal textarea{resize:vertical;min-height:86px}.form2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.check{background:#f8f6ff;border-radius:10px;align-items:center;gap:8px;padding:10px;display:flex!important}.check input{width:auto;margin:0}.submit{width:100%;margin-top:14px}@media (max-width:1050px){.stats{grid-template-columns:1fr 1fr}.two,.hubGrid{grid-template-columns:1fr}.roleCard{display:none}.hubStats{grid-template-columns:1fr 1fr 1fr}}@media (max-width:800px){aside{display:none}main>section{width:100%;margin-left:0}.content{padding:14px}.hero{padding:25px}.hero h1{font-size:27px}.row,.alert{grid-template-columns:1fr}.hubHero{flex-direction:column;align-items:flex-start;padding:24px}.hubHero h1{font-size:26px}.taskMeta{grid-template-columns:1fr 1fr}.viewer span{display:none}}@media (max-width:560px){.stats,.hubStats{grid-template-columns:1fr 1fr}.form2{grid-template-columns:1fr}.taskMeta{grid-template-columns:1fr 1fr}.hubHero h1{font-size:23px}header{padding:0 14px}}