.yup-shell{--yu-orange:#f26a21;--yu-blue:#2c93b9;--yu-navy:#10191e;color:#122025;background:#eef2f2;grid-template-columns:245px 1fr;min-height:100vh;font-family:Manrope,Arial,sans-serif;display:grid}.yup-shell *{box-sizing:border-box}.yup-shell a{color:inherit;text-decoration:none}.yup-shell aside{color:#fff;z-index:50;background:#10191e;flex-direction:column;height:100vh;padding:19px 14px 14px;display:flex;position:sticky;top:0}.yup-brand{border-bottom:1px solid #ffffff13;align-items:center;gap:10px;height:63px;padding:0 8px 17px;display:flex}.yup-brand>span{flex-direction:column;display:flex}.yup-brand b{letter-spacing:.13em;font:800 18px Barlow Condensed}.yup-brand small{letter-spacing:.2em;color:#7b8f96;font:700 5px Manrope}.yup-work{padding:17px 0 14px}.yup-work>small{letter-spacing:.15em;color:#70848a;margin-left:7px;font:700 5px Manrope}.yup-work>button{color:#fff;text-align:left;background:#17272d;border:1px solid #ffffff13;border-radius:9px;grid-template-columns:31px 1fr 13px;align-items:center;gap:8px;width:100%;height:50px;margin-top:9px;padding:8px;display:grid}.yup-work>button>span{color:#fff;background:#f26a21;border-radius:8px;place-items:center;width:30px;height:30px;font:800 8px Manrope;display:grid}.yup-work>button>div{flex-direction:column;display:flex}.yup-work>button b{font-size:7px}.yup-work>button small{color:#82969a;margin-top:3px;font-size:5px}.yup-work svg{color:#83959a;width:12px}.yup-shell aside nav{flex-direction:column;gap:3px;display:flex}.yup-shell aside nav a{color:#83969a;border-radius:8px;align-items:center;gap:10px;height:40px;padding:0 10px;font:600 8px Manrope;display:flex;position:relative}.yup-shell aside nav a svg{width:16px}.yup-shell aside nav a.active{color:#fff;background:#1c2f35}.yup-shell aside nav a.active:before{content:"";background:#f26a21;width:3px;height:24px;position:absolute;left:-14px}.yup-shell aside nav a.active svg{color:#f26a21}.yup-shell aside nav a b{color:#fff;background:#f26a21;border-radius:50%;place-items:center;width:18px;height:18px;margin-left:auto;font-size:6px;display:grid}.yup-shop-health{background:#17272d;border:1px solid #ffffff14;border-radius:10px;margin-top:auto;padding:12px}.yup-shop-health>div{align-items:center;gap:8px;display:flex}.yup-shop-health svg{color:#43ceb0;width:18px}.yup-shop-health>div>span{flex-direction:column;display:flex}.yup-shop-health small{letter-spacing:.1em;color:#73888d;font:700 5px Manrope}.yup-shop-health b{margin-top:4px;font-size:8px}.yup-shop-health>i{background:#263b40;height:3px;margin:10px 0 6px;display:block}.yup-shop-health>i b{background:#43ceb0;width:94%;height:100%;display:block}.yup-shop-health p{color:#6f8388;margin:0;font-size:6px}.yup-user{border-top:1px solid #ffffff10;grid-template-columns:29px 1fr;gap:8px;height:55px;margin-top:10px;padding:11px 4px 0;display:grid}.yup-user>span{color:#10191e;background:#e4aa60;border-radius:50%;place-items:center;width:28px;height:28px;font:800 7px Manrope;display:grid}.yup-user>div{flex-direction:column;display:flex}.yup-user b{font-size:7px}.yup-user small{color:#75898f;margin-top:3px;font-size:5px}.yup-main{min-width:0}.yup-main>header{z-index:40;background:#fff;border-bottom:1px solid #dfe6e7;align-items:center;gap:16px;height:79px;padding:0 28px;display:flex;position:sticky;top:0}.yup-main>header>div{min-width:220px}.yup-main>header>div small{letter-spacing:.14em;color:#829195;font:700 5px Manrope}.yup-main>header h1{margin:4px 0;font:800 16px Manrope}.yup-main>header>label{background:#f5f7f7;border:1px solid #dae3e4;border-radius:9px;align-items:center;width:min(350px,30vw);height:39px;margin-left:auto;padding:0 10px;display:flex}.yup-main>header>label svg{color:#809095;width:14px}.yup-main>header input{background:0 0;border:0;outline:0;width:100%;padding:0 8px;font-size:8px}.yup-bell{background:#fff;border:1px solid #dce4e5;border-radius:9px;place-items:center;width:40px;height:40px;display:grid;position:relative}.yup-bell svg{width:16px}.yup-bell i{background:#f26a21;border:2px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.yup-new{color:#fff;background:#10191e;border:0;border-radius:9px;align-items:center;gap:7px;height:40px;padding:0 14px;font:700 7px Manrope;display:flex}.yup-new svg{color:#f26a21;width:14px}.yup-menu{display:none}.yup-main>main{padding:23px 28px 38px}.yup-welcome{justify-content:space-between;align-items:center;min-height:82px;display:flex}.yup-welcome>div>span,.yup-page-head>div>span{letter-spacing:.14em;color:#7c8d91;font:700 6px Manrope}.yup-welcome>div>span i,.yup-page-head>div>span i{background:#36ca9d;border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block}.yup-welcome h2{margin:5px 0;font:800 24px Manrope}.yup-welcome h2 em{color:#e45e1e;font-style:normal}.yup-welcome p{color:#7c8c91;margin:0;font-size:8px}.yup-welcome>button{background:#fff;border:1px solid #dce4e5;border-radius:8px;align-items:center;gap:7px;height:37px;padding:0 12px;font:700 7px Manrope;display:flex}.yup-welcome>button svg{color:#f26a21;width:14px}.yup-kpis{grid-template-columns:repeat(4,1fr);gap:11px;margin-top:13px;display:grid}.yup-kpis article{background:#fff;border:1px solid #dfe7e7;border-radius:10px;grid-template-columns:34px 1fr;gap:10px;height:111px;padding:14px;display:grid;position:relative;overflow:hidden}.yup-kpis article>span{color:#e45e1e;background:#fff0e9;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.yup-kpis article>span svg{width:16px}.yup-kpis article>div{flex-direction:column;display:flex}.yup-kpis small{letter-spacing:.08em;color:#879598;font:700 5px Manrope}.yup-kpis article>div>b{margin:5px 0;font:800 21px Manrope}.yup-kpis em{color:#1da27e;font-size:6px;font-style:normal}.yup-kpis em.warn{color:#dc792e}.yup-kpis article>i{background:#edf0f0;height:3px;position:absolute;bottom:0;left:0;right:0}.yup-kpis article>i b{background:#f26a21;height:100%;display:block}.yup-main-grid{grid-template-columns:1.45fr .55fr;gap:11px;margin-top:11px;display:grid}.yup-flow,.yup-quality-card,.yup-batches,.yup-approvals,.yup-mini-chart,.yup-table-card{background:#fff;border:1px solid #dfe7e7;border-radius:10px;overflow:hidden}.yup-flow>header,.yup-quality-card>header,.yup-batches>header,.yup-approvals>header,.yup-mini-chart>header,.yup-table-card>header{border-bottom:1px solid #e6ebeb;justify-content:space-between;align-items:center;height:64px;padding:0 16px;display:flex}.yup-flow header small,.yup-quality-card header small,.yup-batches header small,.yup-approvals header small,.yup-mini-chart header small{letter-spacing:.12em;color:#879598;font:700 5px Manrope}.yup-flow header h3,.yup-quality-card header h3,.yup-batches header h3,.yup-approvals header h3,.yup-mini-chart header h3{margin:5px 0 0;font:800 12px Manrope}.yup-flow>header>span{color:#1b9f7b;font:700 6px Manrope}.yup-flow>header>span i{background:#34ca9e;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.yup-flow-map{background:#12262c;height:275px;position:relative;overflow:hidden}.yup-flow-lines{background-image:linear-gradient(#63b7c214 1px,#0000 1px),linear-gradient(90deg,#63b7c214 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0;transform:perspective(330px)rotateX(18deg)}.yup-flow-map:before{content:"";background:#f26a214d;height:1px;position:absolute;top:50%;left:8%;right:8%}.yup-flow-stage{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:48%;transform:translateY(-50%)}.yup-flow-stage i{color:#f26a21;background:#1f4650;border:1px solid #63b7c555;border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.yup-flow-stage svg{width:17px}.yup-flow-stage b{color:#e9f1f1;font-size:6px}.yup-flow-stage small{color:#82989b;font-size:5px}.yup-flow-stage.s1{left:8%}.yup-flow-stage.s2{left:32%}.yup-flow-stage.s3{left:56%}.yup-flow-stage.s4{right:8%}.yup-flow-batch{color:#fff;background:#f26a21;align-items:center;gap:7px;padding:8px 10px;display:flex;position:absolute;bottom:27px;left:43%;box-shadow:0 8px 22px #0005}.yup-flow-batch .yu-mark{filter:brightness(0)invert()}.yup-flow-batch>span{flex-direction:column;display:flex}.yup-flow-batch b{font-size:7px}.yup-flow-batch small{margin-top:3px;font-size:5px}.yup-flow>footer{align-items:center;gap:15px;height:47px;padding:0 14px;display:flex}.yup-flow>footer span{color:#7f8e91;font-size:6px}.yup-flow>footer i{border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.yup-flow>footer i.orange{background:#f26a21}.yup-flow>footer i.blue{background:#2c93b9}.yup-flow>footer i.green{background:#32c89e}.yup-flow>footer button{background:0 0;border:0;align-items:center;gap:5px;margin-left:auto;font:700 6px Manrope;display:flex}.yup-flow>footer button svg{width:11px}.yup-quality-card>header>svg{color:#2c93b9;width:19px}.yup-ring{background:conic-gradient(#f26a21 0 70%,#2c93b9 70% 96%,#e5ebeb 96%);border-radius:50%;place-items:center;width:135px;height:135px;margin:22px auto 15px;display:grid;position:relative}.yup-ring:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:13px}.yup-ring>span{flex-direction:column;align-items:center;display:flex;position:relative}.yup-ring b{font:800 23px Manrope}.yup-ring small{letter-spacing:.1em;color:#839194;margin-top:3px;font:700 5px Manrope}.yup-quality-list{padding:0 15px 15px}.yup-quality-list span{grid-template-columns:1fr 28px;align-items:center;min-height:32px;display:grid;position:relative}.yup-quality-list span>b{font-size:6px}.yup-quality-list span>em{text-align:right;color:#758589;font-size:6px;font-style:normal}.yup-quality-list span>i{background:#e9eeee;width:100%;height:2px;position:absolute;bottom:2px;left:0}.yup-quality-list span>i b{background:#2c93b9;height:100%;display:block}.yup-batches{margin-top:11px}.yup-batches>header a{align-items:center;gap:4px;font:700 6px Manrope;display:flex}.yup-batches>header a svg{width:11px}.yup-batches>div>article{border-bottom:1px solid #edf0f0;grid-template-columns:1.6fr 82px 120px 1fr 58px 29px;align-items:center;gap:10px;min-height:61px;padding:8px 14px;display:grid}.yup-batch-name{align-items:center;gap:8px;display:flex}.yup-batch-name>span{color:#fff;border-radius:7px;place-items:center;width:30px;height:30px;font:800 7px Manrope;display:grid}.yup-batch-name>div{flex-direction:column;display:flex}.yup-batch-name b{font-size:7px}.yup-batch-name small{color:#879496;margin-top:4px;font-size:5px}.yup-status{color:#d35c25;background:#fff1ea;border-radius:20px;width:max-content;padding:5px 7px;font:700 5px Manrope}.yup-step{color:#728487;font-size:6px}.yup-progress{align-items:center;gap:7px;display:flex}.yup-progress>span{background:#e7ecec;border-radius:3px;flex:1;height:4px}.yup-progress>span i{border-radius:3px;height:100%;display:block}.yup-progress>b,.yup-batches article>strong{font-size:6px}.yup-batches article>button{background:#fff;border:1px solid #dce5e5;border-radius:6px;width:26px;height:26px}.yup-batches article>button svg{width:11px}.yup-bottom{grid-template-columns:1.32fr .68fr;gap:11px;margin-top:11px;display:grid}.yup-approvals>header>span{color:#dc6c2d;background:#fff0e8;border-radius:20px;padding:6px 8px;font:700 6px Manrope}.yup-approvals>div{border-bottom:1px solid #edf0f0;grid-template-columns:1fr 58px 32px;align-items:center;gap:10px;min-height:57px;padding:8px 14px;display:grid}.yup-approvals>div>span{flex-direction:column;display:flex}.yup-approvals>div small{color:#849395;font-size:5px}.yup-approvals>div b{margin-top:4px;font-size:7px}.yup-approvals>div strong{font-size:7px}.yup-approvals>div button{color:#1ca27b;background:#edf8f4;border:0;border-radius:7px;width:28px;height:28px}.yup-approvals>div button svg{width:12px}.yup-mini-chart>header svg{color:#2c93b9;width:18px}.yup-mini-chart>div{align-items:end;gap:9px;height:164px;padding:18px 18px 8px;display:flex}.yup-mini-chart>div span{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:5px;height:100%;display:flex}.yup-mini-chart>div i{background:linear-gradient(#f26a21,#b4421e);border-radius:4px 4px 1px 1px;width:100%;max-width:25px}.yup-mini-chart>div b{color:#859497;font-size:5px}.yup-mini-chart>footer{border-top:1px solid #edf0f0;grid-template-columns:1fr 1fr;display:grid}.yup-mini-chart>footer span{flex-direction:column;padding:11px;display:flex}.yup-mini-chart>footer small{color:#849395;font-size:5px}.yup-mini-chart>footer b{margin-top:4px;font-size:9px}.yup-toast{color:#fff;z-index:100;background:#10191e;border:1px solid #ffffff16;border-radius:9px;align-items:center;gap:8px;padding:13px 16px;font-size:8px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 22px 50px #0005}.yup-toast svg{color:#38cb9f;width:15px}.yup-page-head{justify-content:space-between;align-items:center;min-height:104px;display:flex}.yup-page-head h2{margin:6px 0;font:800 25px Manrope}.yup-page-head p{color:#7c8d90;margin:0;font-size:8px}.yup-page-head>div:last-child{gap:8px;display:flex}.yup-page-head button{background:#fff;border:1px solid #dce4e5;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 11px;font:700 7px Manrope;display:flex}.yup-page-head button:last-child{color:#fff;background:#10191e;border:0}.yup-page-head button svg{width:13px}.yup-stats{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.yup-stats article{background:#fff;border:1px solid #dfe7e7;border-radius:9px;flex-direction:column;padding:14px;display:flex}.yup-stats small{letter-spacing:.1em;color:#879598;font:700 5px Manrope}.yup-stats b{margin:6px 0;font:800 20px Manrope}.yup-stats em{color:#1ca27b;font-size:6px;font-style:normal}.yup-stats em.warn{color:#db762c}.yup-table-card{margin-top:12px}.yup-table-card>header h3{margin:0;font:800 11px Manrope}.yup-table-card>header span{color:#829294;font-size:6px}.yup-table-card>header>button{background:#fff;border:1px solid #dce4e5;border-radius:7px;align-items:center;gap:4px;height:29px;font:700 6px Manrope;display:flex}.yup-table-card>header>button svg{width:11px}.yup-table{overflow:auto}.yup-tr{border-bottom:1px solid #edf0f0;grid-template-columns:1fr 1.4fr 1.6fr 1fr 1.2fr 30px;align-items:center;gap:10px;min-width:800px;min-height:57px;padding:7px 15px;display:grid}.yup-th{background:#f6f8f8;min-height:36px}.yup-th span{letter-spacing:.08em;color:#849395;font:700 5px Manrope}.yup-tr>span{font-size:7px}.yup-tr>span:first-child{color:#d35c25;font-weight:800}.yup-tr span.tag{color:#c95424;background:#fff0e9;border-radius:20px;width:max-content;padding:5px 7px;font-weight:700}.yup-tr>button{background:#fff;border:1px solid #dce5e5;border-radius:6px;width:26px;height:26px}.yup-tr>button svg{width:11px}.yup-settings{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.yup-settings article{background:#fff;border:1px solid #dfe7e7;border-radius:10px;gap:14px;min-height:220px;padding:22px;display:flex}.yup-settings article>svg{color:#f26a21;width:34px}.yup-settings article>div{flex-direction:column;display:flex}.yup-settings small{letter-spacing:.1em;color:#879598;font:700 6px Manrope}.yup-settings h3{margin:9px 0;font:800 13px Manrope}.yup-settings p{color:#78888b;font-size:8px;line-height:1.65}.yup-settings button{background:#fff;border:1px solid #dce5e5;border-radius:7px;height:31px;margin-top:auto;font:700 6px Manrope}.yup-back{display:none}@media (max-width:1050px){.yup-shell{grid-template-columns:1fr}.yup-shell aside{width:245px;transition:all .3s;position:fixed;left:-260px}.yup-shell aside.open{left:0}.yup-back{z-index:45;background:#07101599;border:0;display:block;position:fixed;inset:0}.yup-main>header{padding:0 16px}.yup-menu{background:#fff;border:1px solid #dce4e5;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.yup-menu svg{width:16px}.yup-kpis{grid-template-columns:1fr 1fr}.yup-main-grid{grid-template-columns:1fr}.yup-quality-card{grid-template-columns:200px 1fr;display:grid}.yup-quality-card>header{grid-column:1/3}.yup-bottom,.yup-settings{grid-template-columns:1fr}}@media (max-width:720px){.yup-main>header{height:67px}.yup-main>header>div{min-width:0}.yup-main>header>div small,.yup-main>header>label,.yup-new{display:none}.yup-main>header h1{font-size:13px}.yup-bell{margin-left:auto}.yup-main>main{padding:15px 13px 28px}.yup-welcome{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 0 15px}.yup-welcome h2{font-size:19px}.yup-flow-map{height:320px}.yup-flow-stage.s1{left:4%}.yup-flow-stage.s2{left:29%}.yup-flow-stage.s3{left:53%}.yup-flow-stage.s4{right:3%}.yup-flow-batch{bottom:28px;left:38%}.yup-quality-card{display:block}.yup-batches>div>article{grid-template-columns:1.65fr 1fr 28px}.yup-step,.yup-progress,.yup-batches article>strong{display:none}.yup-approvals>div{grid-template-columns:1fr 32px}.yup-approvals>div>strong{display:none}.yup-page-head{flex-direction:column;align-items:flex-start;gap:14px;padding:20px 0}.yup-stats{grid-template-columns:1fr 1fr}.yup-settings{grid-template-columns:1fr}.yup-toast{bottom:13px;left:13px;right:13px}}