@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--navy: #0F1923;--navy-light: #1A2A3A;--green: #1D9E75;--green-light: #E8F5F0;--green-dark: #158A63;--blue: #185FA5;--blue-light: #E8F0FA;--accent: #00D4FF;--purple: #534AB7;--purple-light: #EEEDF8;--orange: #F59E0B;--orange-light: #FEF3C7;--red: #E24B4A;--red-light: #FDECEC;--grey: #6B7280;--grey-light: #F3F4F6;--border: #E5E7EB;--white: #FFFFFF;--text: #111827;--text-muted: #6B7280;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.05);--shadow-lg: 0 10px 25px rgba(0,0,0,.1), 0 4px 10px rgba(0,0,0,.06);--radius: 12px;--radius-sm: 8px;--radius-lg: 16px}body{font-family:Outfit,sans-serif;background:#f0f2f5;color:var(--text);-webkit-font-smoothing:antialiased}.header{background:var(--navy);padding:0 1.5rem;height:64px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 2px 20px #0000004d}.header-logo{font-size:20px;font-weight:800;color:var(--white);letter-spacing:-.5px}.header-logo span{color:var(--green)}.header-shop{font-size:13px;color:#ffffff80;font-weight:400}.header-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:var(--radius-sm);font-family:Outfit,sans-serif;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .15s ease;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:var(--green-dark)}.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:var(--navy-light)}.btn-purple{background:var(--purple);color:#fff}.btn-purple:hover{background:#4540a0}.btn-ghost{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.15)}.btn-ghost:hover{background:#ffffff26}.btn-outline{background:#fff;color:var(--text);border:1px solid var(--border)}.btn-outline:hover{background:var(--grey-light)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{background:#c93a39}.btn-lg{padding:.75rem 1.5rem;font-size:15px;border-radius:var(--radius)}.btn-sm{padding:.3rem .7rem;font-size:12px}.btn-full{width:100%;justify-content:center}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.card-body{padding:1.25rem}.card-body-lg{padding:1.5rem}.stat-card{background:var(--white);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow-sm);border:1px solid var(--border);text-align:center}.stat-value{font-size:24px;font-weight:800;line-height:1;margin-bottom:4px}.stat-label{font-size:11px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.badge-green{background:var(--green-light);color:var(--green-dark)}.badge-blue{background:var(--blue-light);color:var(--blue)}.badge-purple{background:var(--purple-light);color:var(--purple)}.badge-orange{background:var(--orange-light);color:#92400e}.badge-red{background:var(--red-light);color:#991b1b}.badge-grey{background:var(--grey-light);color:var(--grey)}.parcel-card{background:var(--white);border-radius:var(--radius);padding:1rem 1.25rem;box-shadow:var(--shadow-sm);border:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:box-shadow .15s ease;cursor:pointer}.parcel-card:hover{box-shadow:var(--shadow)}.parcel-card.overdue{border-left:4px solid var(--red);background:snow}.parcel-card.day1{border-left:4px solid #93C5FD}.parcel-card.day2{border-left:4px solid var(--orange)}.parcel-card.day3{border-left:4px solid var(--red)}.parcel-name{font-size:14px;font-weight:600;color:var(--text);margin-bottom:2px}.parcel-meta{font-size:12px;color:var(--text-muted)}.section-tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}.section-tab{padding:.4rem .85rem;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;border:1.5px solid var(--border);background:#fff;color:var(--text-muted);font-family:Outfit,sans-serif;transition:all .15s ease}.section-tab:hover{border-color:var(--green);color:var(--green)}.section-tab.active{background:var(--navy);color:#fff;border-color:var(--navy)}.section-tab .tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:10px;font-size:10px;font-weight:700;margin-left:4px;padding:0 4px;background:#fff3}.section-tab:not(.active) .tab-count{background:var(--grey-light);color:var(--grey)}.input{width:100%;padding:.75rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:Outfit,sans-serif;font-size:14px;color:var(--text);background:#fff;transition:border-color .15s ease;outline:none}.input:focus{border-color:var(--green)}.input::placeholder{color:var(--text-muted)}.input-group{display:flex;border:1.5px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:#fff;transition:border-color .15s ease}.input-group:focus-within{border-color:var(--green)}.input-prefix{padding:.75rem;background:var(--grey-light);border-right:1.5px solid var(--border);font-size:13px;color:var(--text-muted);font-weight:500;white-space:nowrap;display:flex;align-items:center}.input-group input{flex:1;min-width:0;padding:.75rem;border:none;outline:none;font-family:Outfit,sans-serif;font-size:14px;color:var(--text);background:transparent}.select{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:Outfit,sans-serif;font-size:14px;color:var(--text);background:#fff;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.select:focus{border-color:var(--green)}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:.4rem}.form-label span{color:var(--text-muted);font-weight:400}.form-group{margin-bottom:1rem}.alert{padding:.85rem 1rem;border-radius:var(--radius-sm);font-size:14px;font-weight:500;display:flex;align-items:center;gap:.5rem}.alert-red{background:var(--red-light);color:#991b1b;border:1px solid #FECACA}.alert-green{background:var(--green-light);color:var(--green-dark);border:1px solid #A7F3D0}.alert-orange{background:var(--orange-light);color:#92400e;border:1px solid #FDE68A}.alert-blue{background:var(--blue-light);color:var(--blue);border:1px solid #BFDBFE}.page-content{padding:1.25rem;max-width:1000px;margin:0 auto}.page-content-narrow{padding:1.25rem;max-width:620px;margin:0 auto}.grid-2,.grid-3{display:grid;grid-template-columns:1fr;gap:0}.grid-4{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media (min-width: 500px){.grid-2{grid-template-columns:1fr 1fr;gap:.75rem}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:.75rem}}@media (min-width: 768px){.grid-4{grid-template-columns:repeat(4,1fr);gap:1rem}.page-content,.page-content-narrow{padding:1.5rem}}.flex-col{display:flex;flex-direction:column;gap:.5rem}@media (max-width: 640px){.header{padding:0 1rem;height:56px}.header-shop{display:none}.btn-ghost{padding:.4rem .6rem;font-size:12px}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-title{font-size:16px;font-weight:700;color:var(--text)}.divider{height:1px;background:var(--border);margin:1.25rem 0}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.empty-state p{font-size:15px}.scan-buttons{display:grid;grid-template-columns:1fr;gap:.5rem;margin-bottom:1.25rem}@media (min-width: 500px){.scan-buttons{grid-template-columns:1fr 1fr 1fr;gap:.75rem}}.action-bar{background:var(--navy);border-radius:var(--radius);padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.action-bar p{color:#fffc;font-size:13px;margin:0}.action-bar strong{color:#fff}.confirm-box{background:#fff;border-radius:var(--radius);padding:1.25rem;border:2px solid var(--navy);box-shadow:var(--shadow-lg);margin-bottom:1rem}.search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:200;max-height:240px;overflow-y:auto}.search-dropdown-item{padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;transition:background .1s ease}.search-dropdown-item:last-child{border-bottom:none}.search-dropdown-item:hover{background:var(--grey-light)}.scan-result{background:var(--green-light);border:1.5px solid #A7F3D0;border-radius:var(--radius-sm);padding:.85rem 1rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.loading{text-align:center;padding:3rem;color:var(--text-muted);font-size:15px}.payment-due{display:inline-flex;align-items:center;gap:4px;background:var(--orange-light);color:#92400e;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.payment-paid{display:inline-flex;align-items:center;gap:4px;background:var(--green-light);color:var(--green-dark);padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}