@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#182130;background:#f3f5f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;max-width:1180px;margin:auto;padding:0 28px}.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce2dd}.logo{display:flex;align-items:center;gap:12px;font-family:'Space Grotesk',sans-serif;font-size:21px;font-weight:700;line-height:1}.logo small{display:block;margin-top:7px;font:700 10px 'DM Sans',sans-serif;letter-spacing:.18em;color:#718078}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:#172334;color:#e6fa74;border-radius:12px;font:700 15px 'Space Grotesk',sans-serif}.text-button{background:none;border:0;color:#1e5d50;font-weight:700;padding:10px}.text-button:hover{text-decoration:underline}main{padding:35px 0 58px}.hero{background:#172334;color:white;border-radius:24px;min-height:210px;padding:32px 38px;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden}.hero h1,.landing h1{font:700 clamp(30px,4vw,46px) 'Space Grotesk',sans-serif;letter-spacing:-.045em;margin:8px 0 10px}.hero p:not(.eyebrow){max-width:590px;color:#b8c6cb;margin:0;font-size:15px;line-height:1.6}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.2em;color:#648072;margin:0 0 7px}.hero .eyebrow{color:#e5fa6b}.hero-symbol{width:140px;height:140px;flex:none;border:1px solid #6e815f;border-radius:32px;display:grid;place-items:center;transform:rotate(-12deg);color:#e5fa6b;font:700 112px 'Space Grotesk',sans-serif}.panel{background:#fff;border:1px solid #e6ebe6;border-radius:20px;padding:28px;margin-top:20px;box-shadow:0 8px 28px rgba(17,38,34,.035)}.section-head{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:18px}.section-head h2{font:700 24px 'Space Grotesk',sans-serif;letter-spacing:-.035em;margin:0}.status-dot{font-size:12px;font-weight:700;color:#2a7055;white-space:nowrap}.status-dot:before{content:'';display:inline-block;width:7px;height:7px;background:#48b986;border-radius:50%;margin-right:7px}.button{min-height:47px;border:0;border-radius:10px;padding:12px 20px;font-weight:700;display:inline-flex;justify-content:center;align-items:center;gap:9px}.button.primary{background:#dff466;color:#182130}.button.primary:hover{background:#ccec49}.button.dark{background:#172334;color:white}.button.outline{border:1px solid #b9c5bf;background:transparent}.scan-actions{display:flex;gap:12px}.inline-form{display:flex;gap:9px;flex:1}.inline-form input{flex:1}.hint,.micro{color:#79867e;font-size:12px;line-height:1.5}.hint{margin:12px 0 0}input,select{width:100%;min-height:45px;border:1px solid #d9e1dc;border-radius:9px;background:#fff;padding:10px 12px;color:#182130;outline:none}input:focus,select:focus{border-color:#4b8b73;box-shadow:0 0 0 3px #4b8b7326}label{display:block;font-size:12px;font-weight:700;color:#50645a}label input,label select{display:block;margin-top:7px;font-size:14px;font-weight:500}#camera-wrap{position:relative;width:100%;max-width:520px;margin:0 auto 18px;background:#111;border-radius:16px;overflow:hidden}#camera{display:block;width:100%;max-height:340px;object-fit:cover}.viewfinder{position:absolute;inset:21%;border:2px solid #e5fa6b;border-radius:14px;box-shadow:0 0 0 100vmax #0004;pointer-events:none}.login-card{max-width:440px;margin:50px auto;background:#fff;border-radius:22px;padding:36px;box-shadow:0 18px 60px #18213013}.login-card h1{font:700 29px 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:17px 0 6px}.login-card p{font-size:14px;color:#78857e;line-height:1.55}.login-card form{display:grid;gap:16px;margin-top:25px}.pill{display:inline-block;padding:7px 10px;border-radius:7px;background:#edfac6;font-size:10px;font-weight:700;letter-spacing:.12em}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.wide{grid-column:1/-1}.subheading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eef1ed;margin-top:24px;padding-top:13px}.subheading h3{font:700 18px 'Space Grotesk',sans-serif}.search-label{margin:20px 0 8px}.search-results{display:grid;gap:7px}.search-result{border:1px solid #dfe6de;background:#f9fbf9;text-align:left;padding:13px;border-radius:10px}.search-result strong{display:block}.search-result small{color:#728078}.save{margin-top:23px;min-width:210px}.list{display:grid;gap:10px}.item{border:1px solid #e2e9e2;background:#fbfcfa;border-radius:14px;padding:17px;display:grid;gap:10px}.item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.item strong{font:700 17px 'Space Grotesk',sans-serif}.item small{display:block;color:#718078;margin-top:3px}.item p{margin:0;color:#54655a;font-size:13px;line-height:1.45}.badge{border-radius:20px;padding:6px 9px;font-size:10px;font-weight:700;white-space:nowrap;background:#e9ede7;color:#52635a}.badge.pending{background:#edf1fb;color:#475e91}.badge.out_for_delivery{background:#fff2d2;color:#8f6821}.badge.delivered{background:#dcf5e6;color:#27704c}.badge.failed{background:#fde6df;color:#a04b37}.item-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}.item-actions a,.item-actions button{border:1px solid #dce5dd;border-radius:8px;background:#fff;padding:9px 12px;color:#1e5d50;font-size:12px;font-weight:700}.item-actions .primary-action{background:#dff466;border-color:#dff466;color:#172334}.tabs{display:flex;gap:6px;overflow:auto;border-bottom:1px solid #e6ebe5;margin-bottom:18px}.tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:12px 10px;white-space:nowrap;color:#7d8b80;font-size:12px;font-weight:700}.tabs button.active{color:#172334;border-bottom-color:#9bca42}.empty{padding:35px 15px;text-align:center;color:#8b978e;font-size:14px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin:18px 0}.detail-grid div{background:#f7f9f6;border-radius:9px;padding:12px}.detail-grid small{display:block;color:#78877e;font-size:11px}.detail-grid strong{display:block;margin-top:5px;font-size:13px;line-height:1.4}footer{text-align:center;padding:18px 0 35px;color:#91a099;font-size:11px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#172334;color:#fff;padding:12px 18px;border-radius:10px;box-shadow:0 10px 35px #17233440;max-width:min(400px,92vw);display:none;z-index:10;font-size:13px}#toast.show{display:block}.landing{min-height:100vh;display:grid;place-items:center;background:#172334;padding:24px}.landing-card{background:#f8faf6;border-radius:28px;padding:clamp(32px,5vw,60px);max-width:590px;width:100%}.landing-card .brand-mark{width:56px;height:56px}.landing-card .eyebrow{margin-top:35px}.landing-card p:not(.eyebrow){color:#718078;line-height:1.6}.landing-links{display:grid;gap:11px;margin:30px 0}.landing-links .button{justify-content:space-between}.landing-card .micro{margin-bottom:0}
@media(max-width:700px){.app-shell{padding:0 15px}.topbar{height:72px}.hero{padding:26px;min-height:190px}.hero-symbol{display:none}.panel{padding:20px}.scan-actions{display:grid}.inline-form{width:100%}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.section-head h2{font-size:21px}.detail-grid{grid-template-columns:1fr}.login-card{margin:25px auto;padding:28px}}
.brand-mark{background:#0d2a4b;color:#40b8ff}.text-button,.item-actions a,.item-actions button{color:#086cae}.hero,.button.dark,#toast,.landing{background:#0d2a4b}.hero .eyebrow,.hero-symbol{color:#40b8ff}.hero-symbol{border-color:#328bc2}.button.primary,.item-actions .primary-action{background:#087bd0;color:#fff;border-color:#087bd0}.button.primary:hover{background:#056cb9}.pill{background:#e1f2ff;color:#075f9f}.viewfinder{border-color:#40b8ff}.tabs button.active{border-bottom-color:#087bd0}.landing-card .button.primary{color:#fff}