@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap');:root{font-family:'DM Sans',sans-serif;color:#17251f;background:#f5f7f4}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 10% 0%,#e4eee8 0,transparent 42%),#f5f7f4}.shell{width:min(100% - 36px,760px);margin:auto;min-height:100vh;padding-bottom:20px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe6e1}.brand{display:flex;gap:11px;align-items:center;color:#173c2e;font:800 17px Manrope,sans-serif;letter-spacing:-.5px;text-decoration:none}.brand-light{font-weight:500}.brand small{display:block;font:700 8px 'DM Sans';letter-spacing:3px;color:#839189;margin-top:1px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#183e30;color:#c7ed91;font-size:24px}.header-user{display:flex;align-items:center;gap:13px;font-size:14px;font-weight:700}.hidden{display:none!important}.login-view{width:min(100%,480px);margin:78px auto 0}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#63776c}.login-view h1,.welcome h1{font:800 clamp(32px,7vw,44px)/1.13 Manrope,sans-serif;letter-spacing:-2px;margin:14px 0 10px;color:#18372c}.muted{color:#76847b;font-size:14px;margin:0}.panel{background:#fff;border:1px solid #e6ebe7;border-radius:18px;box-shadow:0 15px 45px #173a2910}.login-form{padding:25px;margin-top:27px;display:grid;gap:18px}.login-form label{display:grid;gap:8px;font-size:12px;font-weight:700;color:#415248}.login-form input,.search-row input,.recipient-input{height:48px;border:1px solid #dfe6e1;border-radius:10px;padding:0 14px;font:500 15px 'DM Sans';color:#19372b;outline:none;background:#fbfcfb}.login-form input:focus,.search-row input:focus,.recipient-input:focus{border-color:#548f6f;box-shadow:0 0 0 3px #478e6515}.button{border:0;border-radius:10px;padding:0 18px;height:46px;font:700 13px 'DM Sans';cursor:pointer;white-space:nowrap}.button:disabled{opacity:.55}.primary{background:#b9eb82;color:#183326}.primary span{font-size:19px;margin-left:8px}.full{width:100%;margin-top:3px}.dark{background:#1b4031;color:#f3f8f4}.outline{background:#fff;border:1px solid #dce4de;color:#244735}.safe-note{display:flex;align-items:center;gap:8px;justify-content:center;color:#89958d;font-size:11px;margin:19px}.error{color:#bd3c35;font-size:12px;margin:0}.welcome{padding:35px 0 24px;display:flex;justify-content:space-between;align-items:center}.welcome h1{font-size:31px;letter-spacing:-1.3px;margin:11px 0 7px}.icon-button{border:1px solid #dce5de;background:#fff;border-radius:11px;width:42px;height:42px;font-size:21px;color:#234c38;cursor:pointer}.refresh{font-size:25px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 31px}.stats>div{background:#e9f1e9;border:1px solid #dce8dd;padding:16px 18px;border-radius:14px;display:flex;align-items:baseline;gap:9px}.stats strong{font:800 26px Manrope;color:#214632}.stats span{font-size:12px;color:#63766a}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 13px}.section-heading h2{font:800 17px Manrope;margin:0;letter-spacing:-.5px}.live{font-size:9px;letter-spacing:.7px;color:#748179;font-weight:700}.live i{display:inline-block;width:7px;height:7px;background:#62ad6c;border-radius:50%;margin-right:5px}.capture-box{display:flex;align-items:center;gap:13px;border:1px solid #dce8dd;background:#eef5ed;border-radius:15px;padding:14px}.capture-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#dcebd9;color:#286040;font-size:22px}.capture-copy{display:grid;gap:4px;flex:1}.capture-copy strong{font-size:13px}.capture-copy span{font-size:11px;color:#76847a}.capture-box .button{height:40px;padding:0 14px;font-size:11px}.search-row{display:flex;gap:8px;margin-top:10px}.search-row input{flex:1;min-width:0}.search-row .button{height:48px}.list-heading{margin:31px 0 12px}.count-pill{border-radius:20px;background:#e6eee7;padding:5px 10px;font-size:11px;font-weight:700;color:#476450}.delivery-list{display:grid;gap:10px}.delivery-card{padding:15px;background:#fff;border:1px solid #e4eae5;border-radius:14px;display:grid;grid-template-columns:1fr auto;gap:9px}.delivery-num{font:800 16px Manrope;color:#244632}.delivery-sub{font-size:11px;color:#718078;margin-top:4px}.delivery-address{grid-column:1/-1;color:#516259;font-size:12px;line-height:1.45}.delivery-card .button{height:37px;padding:0 13px;font-size:11px}.status{font-size:10px;color:#65806c;font-weight:700}.empty{padding:25px 15px;text-align:center;background:#fff;border:1px dashed #d4dfd6;border-radius:14px;color:#849188;font-size:13px}.notice{margin-top:12px;padding:12px 14px;background:#fff4df;color:#72561e;border-radius:10px;font-size:12px}.scan-area{margin-top:12px;background:#13221b;border-radius:14px;padding:12px;text-align:center}.scan-area video{width:100%;max-height:300px;object-fit:cover;border-radius:9px}.scan-area .button{margin-top:8px}.scan-area p{margin-top:8px}.modal{position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:18px}.modal-backdrop{position:absolute;inset:0;background:#10251fc4;backdrop-filter:blur(3px)}.modal-card{z-index:1;width:min(100%,440px);max-height:90vh;overflow:auto;background:#f8faf7;padding:23px;border-radius:20px;box-shadow:0 22px 70px #0003}.modal-card h2{font:800 21px Manrope;margin:0 0 5px;color:#1d4030}.modal-card .muted{font-size:12px}.detail-grid{display:grid;gap:11px;background:#fff;border:1px solid #e4eae5;padding:15px;border-radius:12px;margin:17px 0}.detail-grid div{display:grid;gap:4px}.detail-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#87938a;font-weight:700}.detail-grid strong{font-size:13px;color:#354a3d;line-height:1.4}.modal-actions{display:flex;gap:9px;margin-top:15px}.modal-actions>*{flex:1}.modal-label{display:grid;gap:7px;margin-top:14px;font-size:12px;font-weight:700;color:#47594d}.recipient-input{width:100%;background:#fff}.geo-note{font-size:11px;color:#718078;line-height:1.5;margin-top:12px}footer{text-align:center;color:#9aa49c;font-size:9px;letter-spacing:1.5px;font-weight:700;padding:35px 0 8px}footer span{padding:0 6px;color:#b6c2b9}@media(max-width:520px){.shell{width:min(100% - 28px,760px)}.topbar{height:70px}.login-view{margin-top:52px}.capture-box{gap:9px;padding:11px}.capture-copy span{font-size:10px}.capture-box .button{padding:0 10px}.stats{margin-bottom:26px}.welcome{padding-top:27px}.delivery-card{padding:13px}}