*{box-sizing:border-box}html,body{color:#173e4e;background:#dfe9ec;min-height:100%;margin:0;font-family:Arial,Microsoft YaHei,sans-serif}button,input{font:inherit}button{cursor:pointer}.phone{scrollbar-width:none;background:#f4f8f8;border:8px solid #163f50;border-radius:38px;width:402px;height:874px;margin:12px auto;position:relative;overflow-y:auto;box-shadow:0 20px 60px #173e4e30}.phone::-webkit-scrollbar{display:none}header{z-index:20;color:#fff;background:linear-gradient(135deg,#0d7481,#159698);grid-template-columns:80px 1fr 88px;align-items:center;height:54px;padding:0 14px;display:grid;position:sticky;top:0}header>b{font-size:13px}header strong{text-align:center;font-size:15px}header button{color:#fff;background:#ffffff18;border:1px solid #ffffff35;border-radius:999px;padding:7px;font-size:11px}.phoneContent{padding-bottom:82px}.hero{color:#fff;background:linear-gradient(145deg,#0c7482,#22a49c);border-radius:0 0 28px 28px;padding:22px 20px 48px}.hero small{color:#d7f0ef;font-size:12px}.hero h1{margin:7px 0 4px;font-size:24px}.hero p{color:#d8eeee;margin:0;font-size:13px}.body{padding:15px}.lift{margin-top:-31px}.summary{background:#fff;border-radius:18px;grid-template-columns:repeat(3,1fr);padding:15px 4px;display:grid;box-shadow:0 8px 24px #174c5c13}.summary div{border-left:1px solid #e1e9ec;justify-items:center;display:grid}.summary div:first-child{border:0}.summary b{font-size:22px}.summary span{color:#758a94;font-size:11px}.summary .warn{color:#c06b1b}.actions{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:11px;display:grid}.actions button,.scanModes button{color:#486774;background:#fff;border:1px solid #dce8eb;border-radius:15px;justify-items:center;gap:7px;padding:12px 4px;display:grid}.actions i,.scanModes i{background:#e7f4f3;border-radius:11px;place-items:center;width:34px;height:34px;font-size:18px;font-style:normal;display:grid}.actions b{font-size:11px}.card{background:#fff;border:1px solid #e0e9ec;border-radius:18px;margin-top:12px;padding:14px;box-shadow:0 5px 18px #234d5d0b}.card h3{margin:0 0 7px;font-size:15px}.task{text-align:left;color:#294858;background:0 0;border:0;border-top:1px solid #e5ecef;grid-template-columns:5px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:58px;padding:10px 0;display:grid}.task:first-of-type{border-top:0}.task>i{background:#1a999a;border-radius:4px;height:32px}.task span>*{display:block}.task b{font-size:13px}.task small{color:#758b95;margin-top:4px;font-size:11px}.task em{color:#9f5d1b;background:#fff0df;border-radius:999px;padding:5px 7px;font-size:10px;font-style:normal}.page>h2{margin:6px 0 14px;font-size:23px}.back{color:#147b84;background:0 0;border:0;padding:0}.filters,.scanModes{gap:6px;display:flex;overflow-x:auto}.filters button{color:#647d88;background:#fff;border:1px solid #d2e0e4;border-radius:999px;padding:8px 11px;font-size:11px}.filters button.on{color:#fff;background:#147e88}.primary,.outline{border-radius:13px;width:100%;min-height:48px;margin-top:12px;font-size:14px}.primary{color:#fff;background:linear-gradient(135deg,#0d7886,#159494);border:0}.outline{color:#147780;background:#fff;border:1px solid #16858e}.scanModes{grid-template-columns:repeat(4,1fr);display:grid}.scanModes button{font-size:11px}.scanner{color:#147780;text-align:center;background:#eaf6f6;border:1px dashed #3b9fa8;border-radius:20px;place-content:center;justify-items:center;gap:9px;min-height:250px;margin-top:12px;display:grid}.scanner.compact{min-height:165px}.scanner>i{font-size:38px;font-style:normal}.scanner b{font-size:14px}.scanner small{color:#6f8791;max-width:260px;font-size:11px}.search{background:#fff;border:1px solid #d6e3e8;border-radius:14px;grid-template-columns:32px 1fr 38px;align-items:center;height:48px;padding:0 5px 0 11px;display:grid}.search i{font-size:19px;font-style:normal}.search input{background:0 0;border:0;outline:0;min-width:0;font-size:13px}.search button{color:#147c83;background:#e5f3f2;border:0;border-radius:10px;width:34px;height:34px}.inventoryMeta{color:#718791;justify-content:space-between;margin:13px 3px 7px;font-size:12px;display:flex}.stock{background:#fff;border-bottom:1px solid #e4ecef;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:12px;display:grid}.stock span>*{display:block}.stock b{font-size:13px}.stock small{color:#78909a;margin-top:4px;font-size:11px}.stock strong{font-size:14px}.stock em{color:#19745e;background:#e5f4ec;border-radius:999px;padding:5px 7px;font-size:10px;font-style:normal}.stock em.bad{color:#a45f17;background:#fff0df}.info{border-top:1px solid #e5ecef;justify-content:space-between;align-items:center;min-height:48px;font-size:13px;display:flex}.info:first-of-type{border:0}.info span{color:#718791}.adminLink{color:#147781;background:#e6f4f3;border-radius:13px;margin-top:12px;padding:13px;text-decoration:none;display:block}.role{color:#fff;background:linear-gradient(145deg,#126f7d,#1c9997);border-radius:15px;justify-content:space-between;align-items:center;padding:12px;display:flex}.role span>*{display:block}.role small{color:#d8eeee;font-size:10px}.role b{margin-top:3px;font-size:13px}.role em{background:#fff2;border-radius:999px;padding:5px 7px;font-size:10px;font-style:normal}.steps{grid-auto-columns:1fr;grid-auto-flow:column;margin-bottom:12px;display:grid}.steps span{color:#81959e;justify-items:center;gap:4px;font-size:9px;display:grid}.steps i{background:#e2e9ec;border-radius:50%;place-items:center;width:25px;height:25px;font-style:normal;display:grid}.steps span.on{color:#147b84}.steps span.on i{color:#fff;background:#168b92}nav{z-index:30;background:#ffffffef;border-top:1px solid #dce8eb;border-radius:0 0 29px 29px;grid-template-columns:repeat(5,1fr);width:386px;height:70px;padding:6px 8px;display:grid;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 -6px 22px #234d5d10}nav button{color:#718791;background:0 0;border:0;border-radius:13px;justify-items:center;gap:2px;display:grid}nav button.on{color:#147b84;background:#e9f6f5}nav i{font-size:19px;font-style:normal}nav span{font-size:11px}@media (max-width:599px){body{background:#f4f8f8}.phone{border:0;border-radius:0;width:100%;height:100dvh;margin:0}.phone nav{border-radius:0;width:100%;bottom:0}}@media (min-width:600px) and (max-height:910px){.phone{transform-origin:top;scale:.94}}html,body{overscroll-behavior:none;min-height:100%}body{padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;margin:0}button,input,select,textarea{font:inherit}button{touch-action:manipulation}.passwordChange{margin-top:12px;position:relative}.passwordChange>button{color:#087b72;background:#f4fbfa;border:1px solid #86c9c2;border-radius:10px;padding:9px 14px}.passwordChangePanel{z-index:20;background:#fff;border:1px solid #d9e8e6;border-radius:14px;gap:10px;margin-top:8px;padding:14px;display:grid;position:relative;box-shadow:0 10px 28px #164e6320}.passwordChangePanel label{gap:5px;display:grid}.passwordChangePanel input{border:1px solid #cbdcda;border-radius:9px;min-height:40px;padding:0 10px}.passwordChangePanel p{color:#b45309;margin:0}.passwordChangePanel>div{justify-content:flex-end;gap:8px;display:flex}.adminPasswordChange{margin:0;display:inline-block}.adminPasswordChange .passwordChangePanel{color:#173f4a;text-align:left;width:300px;position:absolute;top:34px;right:0}.adminPasswordChange>button{color:#fff;background:#ffffff1a;border-color:#ffffff60;padding:5px 10px}