*{box-sizing:border-box}body{color:#182034;background:#f5f7fb;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit}.login{background:radial-gradient(circle at top,#ece9ff,#f7f8fc 55%);place-items:center;min-height:100vh;display:grid}.loginCard{text-align:center;background:#fff;border:1px solid #e6e9f1;border-radius:28px;width:380px;padding:38px;box-shadow:0 25px 70px #1e17451a}.brandMark{color:#fff;background:#5b3df5;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.login .brandMark{margin:auto}.login h1{margin:18px 0 2px}.login p{color:#7b8497;margin:0}.pin{letter-spacing:12px;background:#f4f5f9;border:1px solid #e1e4ec;border-radius:14px;margin:30px 0 16px;padding:16px;font-size:24px}.login button{color:#fff;background:#5b3df5;border:0;border-radius:13px;width:100%;margin-top:10px;padding:14px;font-weight:800}.login button.ghost{color:#4c5568;background:#fff;border:1px solid #dfe3eb;justify-content:center;gap:8px;display:flex}header{z-index:3;background:#fff;border-bottom:1px solid #e5e8ef;justify-content:space-between;align-items:center;height:82px;padding:0 30px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand b{font-size:20px;display:block}.brand span{letter-spacing:2px;color:#8c94a4;font-size:10px}.status{align-items:center;gap:10px;display:flex}.status>span{border-radius:99px;align-items:center;gap:6px;padding:8px 11px;font-size:12px;font-weight:800;display:flex}.status svg{width:15px}.online{color:#178a58;background:#eafaf2}.offline{color:#c55322;background:#fff0e8}.sync{color:#5b3df5;background:#f2efff}.worker{text-align:left;color:#273044;background:#f7f8fb;border:0;border-radius:13px;align-items:center;gap:9px;padding:8px 12px;display:flex}.worker svg{background:#e9e5ff;border-radius:50%;width:36px;height:36px;padding:6px}.worker small,.worker b{display:block}.worker small{color:#8b93a3}.page{max-width:1360px;margin:auto;padding:28px}.hero{color:#fff;background:linear-gradient(115deg,#4d31dc,#6f51ff);border-radius:24px;justify-content:space-between;align-items:center;padding:26px 30px;display:flex;box-shadow:0 16px 35px #5136d92b}.eyebrow{letter-spacing:1.6px;opacity:.7;font-size:11px;font-weight:900}.hero h1{margin:4px 0;font-size:30px}.hero h1 em{color:#5a4300;vertical-align:middle;background:#ffdd76;border-radius:99px;padding:5px 9px;font-size:12px;font-style:normal}.hero p{opacity:.75;margin:0}.heroStats{gap:12px;display:flex}.heroStats div{background:#ffffff18;border:1px solid #fff2;border-radius:15px;min-width:105px;padding:12px 16px}.heroStats small,.heroStats b{display:block}.heroStats small{opacity:.7;font-size:11px}.heroStats b{margin-top:3px;font-size:21px}.steps{grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0;display:grid}.step{background:#fff;border:1px solid #e2e6ef;border-radius:16px;align-items:center;gap:10px;padding:14px;display:flex}.step>span{color:#7d8594;background:#eef0f5;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.step svg{width:20px}.step b,.step small{display:block}.step small{color:#9299a8;margin-top:2px}.step.active{border-color:#684cf8;box-shadow:0 0 0 2px #684cf814}.step.active>span{color:#fff;background:#5b3df5}.step.complete>span{color:#168b58;background:#dff8eb}.grid{grid-template-columns:minmax(0,1fr) 340px;gap:18px;display:grid}.panel{background:#fff;border:1px solid #e3e7ee;border-radius:20px;box-shadow:0 8px 25px #26334a0a}.tasks{padding:20px}.panelHead{justify-content:space-between;align-items:center;display:flex}.panelHead h2{margin:0}.panelHead p{color:#858d9d;margin:4px 0}.scan{color:#5538e8;background:#eeeaff;border:0;border-radius:12px;align-items:center;gap:7px;padding:11px 14px;font-weight:800;display:flex}.scan svg{width:18px}.progress{margin:20px 0}.progress>div:first-child{justify-content:space-between;font-size:13px;display:flex}.bar{background:#eceef3;border-radius:99px;height:8px;margin-top:8px;overflow:hidden}.bar i{background:#5b3df5;border-radius:99px;height:100%;display:block}.item{text-align:left;color:#252d3d;background:#fff;border:1px solid #e4e7ee;border-radius:15px;align-items:center;gap:14px;width:100%;margin-top:9px;padding:13px;display:flex}.item.done{background:#f5fcf8;border-color:#ccefdc}.thumb{color:#8a91a0;background:#f0f1f5;border-radius:12px;place-items:center;width:52px;height:52px;display:grid}.itemMain{flex:1}.itemMain b,.itemMain span,.itemMain small{display:block}.itemMain span{margin-top:2px;font-size:13px}.itemMain small{color:#8e95a4;margin-top:4px;font-size:11px}.qty{text-align:center;min-width:55px}.qty small,.qty b{display:block}.qty small{color:#9299a7;font-size:10px}.qty b{font-size:18px}.item>svg{color:#8d95a5;width:22px}.item .ok{color:#20a467}aside{flex-direction:column;gap:14px;display:flex}.timer{text-align:center;padding:22px}.timer>small{color:#8c94a4;font-weight:800}.timer strong{letter-spacing:2px;margin:6px;font-size:54px;display:block}.timer p{color:#8b93a2;font-size:13px}.timer p b{color:#1b9a63}.controls{grid-template-columns:1fr 1fr;gap:9px;margin-top:18px;display:grid}.controls button,.emergency button{border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:13px;font-weight:900;display:flex}.start{color:#fff;background:#5b3df5}.pause{color:#a56a00;background:#fff3d9}.finish{color:#168958;background:#e8f8f0}.controls svg,.emergency button svg{width:18px}.emergency{background:#fffaf1;border-color:#f2ddb2;gap:12px;padding:18px;display:flex}.emergency>svg{color:#d88a12;flex:none}.emergency b{font-size:14px}.emergency p{color:#7e7464;font-size:12px;line-height:1.45}.emergency button{color:#8d650f;background:#fff;border:1px solid #ecd39d;width:100%}.summary{padding:18px}.summary h3{margin:0 0 10px}.summary div{border-top:1px solid #eff1f5;justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.summary span{color:#7e8798}nav{display:none}@media (width<=900px){header{padding:0 16px}.status>span{display:none}.page{padding:16px 16px 90px}.hero{align-items:flex-start}.heroStats{display:none}.steps{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.item{min-height:78px}aside{grid-template-columns:1fr 1fr;display:grid}.summary{grid-column:1/-1}nav{z-index:5;background:#fff;border-top:1px solid #e1e5ed;justify-content:space-around;align-items:center;height:72px;display:flex;position:fixed;bottom:0;left:0;right:0}nav button{color:#596174;background:0 0;border:0;place-items:center;gap:2px;font-size:11px;display:grid}nav svg{width:22px}.center{border-radius:18px;margin-top:-28px;color:#fff!important;background:#5b3df5!important;width:56px!important;height:56px!important}}@media (width<=600px){.brand span,.worker span{display:none}.steps{grid-template-columns:1fr 1fr}.step{padding:10px}.hero{padding:20px}.hero h1{font-size:24px}.panelHead p{display:none}.grid,aside{display:block}.timer,.emergency,.summary{margin-top:14px}}