@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--green:#1d9e75;--green-dark:#0f6e56;--green-light:#e1f5ee;--green-mid:#9fe1cb;--amber:#ef9f27;--amber-light:#faeeda;--amber-dark:#854f0b;--blue:#378add;--blue-light:#e6f1fb;--blue-dark:#185fa5;--red:#e24b4a;--red-light:#fcebeb;--red-dark:#a32d2d;--text:#1a1a1a;--text-muted:#6b7280;--text-faint:#9ca3af;--bg:#fff;--bg-soft:#f9fafb;--bg-page:#f3f4f6;--border:#00000014;--border-md:#00000024;--radius:10px;--radius-lg:14px;--shadow-sm:0 1px 3px #00000012;--shadow-md:0 4px 16px #0000001a}body{background:#f3f4f6;background:var(--bg-page);color:#1a1a1a;color:var(--text);font-family:DM Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;min-height:100vh}.app-nav{background:#fff;background:var(--bg);border-bottom:.5px solid #00000014;border-bottom:.5px solid var(--border);box-shadow:0 1px 3px #00000012;box-shadow:var(--shadow-sm);height:58px;justify-content:space-between;padding:0 1.5rem;position:sticky;top:0;z-index:100}.app-nav,.nav-logo{align-items:center;display:flex}.nav-logo{gap:10px;text-decoration:none}.nav-logo-icon{align-items:center;background:#1d9e75;background:var(--green);border-radius:9px;box-shadow:0 4px 12px #1d9e754d;display:flex;height:34px;justify-content:center;width:34px}.nav-brand{color:#1a1a1a;color:var(--text);font-size:15px;font-weight:700;letter-spacing:-.3px}.nav-sub{color:#6b7280;color:var(--text-muted);font-size:11px}.nav-right{align-items:center;display:flex;gap:10px}.nav-username{font-size:14px;font-weight:500}.badge{border-radius:20px;font-size:11px;font-weight:600;padding:3px 9px}.badge-admin{background:#faece7;color:#993c1d}.badge-customer{background:#e1f5ee;background:var(--green-light);color:#0f6e56;color:var(--green-dark)}.logout-btn{background:#0000;border:.5px solid #00000024;border:.5px solid var(--border-md);border-radius:8px;color:#6b7280;color:var(--text-muted);cursor:pointer;font-size:13px;padding:6px 12px;transition:all .15s}.logout-btn:hover{background:#f9fafb;background:var(--bg-soft);color:#1a1a1a;color:var(--text)}.login-wrap{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.login-box{max-width:400px;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-icon-wrap{align-items:center;background:#1d9e75;background:var(--green);border-radius:16px;box-shadow:0 8px 24px #1d9e754d;display:flex;height:60px;justify-content:center;margin:0 auto 1.25rem;width:60px}.login-title{font-size:24px;font-weight:700;margin-bottom:5px}.login-subtitle{color:#6b7280;color:var(--text-muted);font-size:14px}.card{background:#fff;background:var(--bg);border:.5px solid #00000014;border:.5px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000012;box-shadow:var(--shadow-sm);padding:1.25rem}.form-row{margin-bottom:14px}label{color:#6b7280;color:var(--text-muted);display:block;font-size:13px;font-weight:500;margin-bottom:5px}input,select,textarea{background:#fff;background:var(--bg);border:.5px solid #00000024;border:.5px solid var(--border-md);border-radius:10px;border-radius:var(--radius);color:#1a1a1a;color:var(--text);font-family:inherit;font-size:14px;outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s;width:100%}input:focus,select:focus,textarea:focus{border-color:#1d9e75;border-color:var(--green);box-shadow:0 0 0 3px #1d9e751f}textarea{min-height:64px;resize:vertical}.grid2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.btn{align-items:center;border:none;border-radius:10px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:6px;padding:9px 18px;transition:all .15s}.btn-primary{background:#1d9e75;background:var(--green);color:#fff}.btn-primary:hover{background:#0f6e56;background:var(--green-dark)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-ghost{background:#0000;border:.5px solid #00000024;border:.5px solid var(--border-md);color:#1a1a1a;color:var(--text)}.btn-ghost:hover{background:#f9fafb;background:var(--bg-soft)}.btn-danger{background:#e24b4a;background:var(--red);color:#fff}.btn-danger:hover{background:#a32d2d;background:var(--red-dark)}.btn-sm{font-size:12px;font-weight:500;padding:5px 12px}.btn-full{justify-content:center;width:100%}.error-msg{background:#fcebeb;background:var(--red-light);border:.5px solid #f7c1c1;border-radius:10px;border-radius:var(--radius);color:#a32d2d;color:var(--red-dark);font-size:13px;margin-bottom:14px;padding:10px 14px}.page-wrap{margin:0 auto;max-width:1100px;padding:1.75rem 1.5rem}.page-header{margin-bottom:1.5rem}.page-header h2{font-size:20px;font-weight:700}.page-header p{color:#6b7280;color:var(--text-muted);font-size:13px;margin-top:3px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.stats-grid-3{grid-template-columns:repeat(3,1fr)}.stat-card{background:#fff;background:var(--bg);border:.5px solid #00000014;border:.5px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);padding:1rem 1.25rem}.stat-label{color:#6b7280;color:var(--text-muted);font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.stat-num{font-size:28px;font-weight:700;margin-top:4px}.tab-bar{border-bottom:.5px solid #00000014;border-bottom:.5px solid var(--border);display:flex;gap:2px;margin-bottom:1.25rem}.tab-item{border-bottom:2px solid #0000;color:#6b7280;color:var(--text-muted);cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-.5px;padding:9px 18px;transition:all .15s}.tab-item:hover{color:#1a1a1a;color:var(--text)}.tab-item.active{border-bottom-color:#1d9e75;border-bottom-color:var(--green);color:#0f6e56;color:var(--green-dark)}.search-bar{align-items:center;display:flex;gap:8px;margin-bottom:1rem}.search-bar input{flex:1 1}.search-bar select{min-width:160px;width:auto}.pkg-card{align-items:flex-start;background:#fff;background:var(--bg);border:.5px solid #00000014;border:.5px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);display:flex;gap:16px;margin-bottom:10px;padding:1rem 1.25rem;transition:border-color .15s,box-shadow .15s}.pkg-card:hover{border-color:#00000024;border-color:var(--border-md);box-shadow:0 1px 3px #00000012;box-shadow:var(--shadow-sm)}.pkg-card-clickable{cursor:pointer}.pkg-img{align-items:center;background:#f3f4f6;background:var(--bg-page);border:.5px solid #00000014;border:.5px solid var(--border);border-radius:10px;display:flex;flex-shrink:0;justify-content:center;overflow:hidden}.pkg-img img{display:block;height:100%;object-fit:cover;width:100%}.pkg-info{flex:1 1;min-width:0}.pkg-id{color:#9ca3af;color:var(--text-faint);font-family:JetBrains Mono,monospace;font-size:11px;margin-bottom:2px}.pkg-name{font-size:15px;font-weight:600;margin-bottom:6px}.pkg-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.pkg-detail{color:#6b7280;color:var(--text-muted);font-size:12px}.pkg-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.pkg-chevron{align-self:center;color:#9ca3af;color:var(--text-faint);flex-shrink:0;font-size:22px}.status-pill{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:3px 10px}.pill-blue{background:#e6f1fb;background:var(--blue-light);color:#185fa5;color:var(--blue-dark)}.pill-amber{background:#faeeda;background:var(--amber-light);color:#854f0b;color:var(--amber-dark)}.pill-green{background:#e1f5ee;background:var(--green-light);color:#0f6e56;color:var(--green-dark)}.customer-row{align-items:center;border-bottom:.5px solid #00000014;border-bottom:.5px solid var(--border);display:flex;gap:12px;padding:12px 0}.customer-row:last-child{border:none}.avatar{align-items:center;background:#e1f5ee;background:var(--green-light);border-radius:50%;color:#0f6e56;color:var(--green-dark);display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:38px;justify-content:center;width:38px}.customer-info{flex:1 1}.customer-name{font-size:14px;font-weight:600}.customer-email{color:#6b7280;color:var(--text-muted);font-size:12px}.empty-state{padding:3.5rem 1rem;text-align:center}.empty-icon{font-size:36px;margin-bottom:12px;opacity:.4}.empty-txt{color:#6b7280;color:var(--text-muted);font-size:14px;line-height:1.6;margin:0 auto;max-width:320px}.photo-upload{background:#f9fafb;background:var(--bg-soft);border:1.5px dashed #00000024;border:1.5px dashed var(--border-md);border-radius:10px;border-radius:var(--radius);cursor:pointer;padding:2rem;position:relative;text-align:center;transition:all .15s}.photo-upload:hover{background:#e1f5ee;background:var(--green-light);border-color:#1d9e75;border-color:var(--green)}.photo-upload input[type=file]{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}.photo-upload-icon{font-size:28px;margin-bottom:8px;opacity:.4}.photo-upload-text{color:#6b7280;color:var(--text-muted);font-size:13px}.photo-preview{border:.5px solid #00000014;border:.5px solid var(--border);border-radius:10px;border-radius:var(--radius);display:block;max-height:200px;object-fit:cover;width:100%}.modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:200}.modal{background:#fff;background:var(--bg);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md);max-height:90vh;overflow-y:auto;padding:1.5rem;width:100%}.modal-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.modal-title{font-size:16px;font-weight:700}.close-btn{background:#0000;border:none;border-radius:6px;color:#6b7280;color:var(--text-muted);cursor:pointer;font-size:20px;padding:2px 6px}.close-btn:hover{background:#f3f4f6;background:var(--bg-page)}.modal-footer{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.detail-photo{align-items:center;background:#f3f4f6;background:var(--bg-page);border-radius:10px;border-radius:var(--radius);display:flex;height:220px;justify-content:center;margin-bottom:1rem;overflow:hidden;width:100%}.detail-photo img{height:100%;object-fit:cover;width:100%}.detail-photo-placeholder{font-size:60px;opacity:.3}.detail-table{border-collapse:collapse;font-size:14px;width:100%}.detail-table td{border-bottom:.5px solid #00000014;border-bottom:.5px solid var(--border);padding:10px 0;vertical-align:middle}.detail-table td:first-child{color:#6b7280;color:var(--text-muted);font-weight:500;width:45%}.detail-table td:last-child{font-weight:500;text-align:right}.detail-table tr:last-child td{border:none}.mono{font-family:JetBrains Mono,monospace;font-size:13px}.spinner-wrap{align-items:center;display:flex;flex-direction:column;gap:12px;padding:3rem}.spinner{animation:spin .7s linear infinite;border:3px solid #00000024;border-top-color:#1d9e75;border:3px solid var(--border-md);border-radius:50%;border-top-color:var(--green);height:32px;width:32px}.spinner-msg{color:#6b7280;color:var(--text-muted);font-size:14px;font-weight:500}@keyframes spin{to{transform:rotate(1turn)}}.toast{background:#1a1a1a;border-radius:10px;border-radius:var(--radius);bottom:1.5rem;box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md);color:#fff;font-size:14px;font-weight:500;max-width:320px;opacity:0;padding:12px 18px;position:fixed;right:1.5rem;transform:translateY(8px);transition:all .25s;z-index:400}.toast.show{opacity:1;transform:translateY(0)}.toast-error{background:#a32d2d;background:var(--red-dark)}.toast-success{background:#0f6e56;background:var(--green-dark)}@media (max-width:700px){.stats-grid{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.search-bar{flex-wrap:wrap}.search-bar select{min-width:0;min-width:auto;width:100%}}@media (max-width:480px){.page-wrap{padding:1.25rem 1rem}.pkg-card{flex-direction:column}}.scan-hint{color:#1d9e75;color:var(--green);float:right;font-size:11px;font-weight:400;letter-spacing:0}.scan-input-wrap{align-items:center;display:flex;position:relative}.scan-icon{color:#9ca3af;color:var(--text-faint);font-size:16px;left:12px;pointer-events:none;position:absolute}.scan-input{background:#fff;background:var(--bg);border:1.5px solid #1d9e75!important;border:1.5px solid var(--green)!important;border-radius:10px;border-radius:var(--radius);color:#1a1a1a;color:var(--text);font-family:JetBrains Mono,monospace;font-size:14px;outline:none;padding:10px 36px!important;transition:all .2s;width:100%}.scan-input:focus{box-shadow:0 0 0 3px #1d9e7526!important}.scan-flash{background:#e1f5ee!important;border-color:#0f6e56!important;box-shadow:0 0 0 4px #1d9e7540!important}.scan-clear{background:#0000;border:none;border-radius:4px;color:#9ca3af;color:var(--text-faint);cursor:pointer;font-size:14px;padding:4px;position:absolute;right:10px}.scan-clear:hover{background:#f3f4f6;background:var(--bg-page);color:#1a1a1a;color:var(--text)}.carrier-badge{align-items:center;border-radius:10px;border-radius:var(--radius);display:flex;font-size:13px;gap:8px;margin-top:8px;padding:8px 12px}.carrier-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.carrier-track-link{font-size:12px;font-weight:600;margin-left:auto;text-decoration:none}.carrier-track-link:hover{text-decoration:underline}.form-divider{border:none;border-top:.5px solid #00000014;border-top:.5px solid var(--border);margin:4px 0 16px}.pkg-card-selected{background:#f0fdf9!important;border-color:#1d9e75!important;border-color:var(--green)!important}.pkg-checkbox{align-items:center;align-self:center;background:#fff;background:var(--bg);border:2px solid #00000024;border:2px solid var(--border-md);border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;height:22px;justify-content:center;transition:all .15s;width:22px}.pkg-checkbox.checked,.pkg-checkbox:hover{border-color:#1d9e75;border-color:var(--green)}.pkg-checkbox.checked{background:#1d9e75;background:var(--green);color:#fff;font-size:13px;font-weight:700}.selection-bar{align-items:center;border:1px solid #9fe1cb;border:1px solid var(--green-mid);border-radius:10px;border-radius:var(--radius);display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:12px;padding:10px 16px}.selection-bar,.success-msg{background:#e1f5ee;background:var(--green-light);color:#0f6e56;color:var(--green-dark)}.success-msg{border:.5px solid #9fe1cb;border:.5px solid var(--green-mid);border-radius:10px;border-radius:var(--radius);font-size:13px;margin-bottom:14px;padding:10px 14px}
/*# sourceMappingURL=main.cceacb5d.css.map*/