@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{--color-primary: #1A5EA8;--color-primary-dark: #154d8e;--color-primary-light: #EAF1FB;--color-danger: #C62828;--color-success: #2E7D32;--color-warning: #E65100;--color-bg: #F4F6F9;--color-surface: #FFFFFF;--color-border: #E0E0E0;--color-text: #1A1A1A;--color-text-muted:#666666;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--blue: #1565C0;--gray-50: #F9FAFB;--gray-500: #6B7280;--navy: #0A1628}.btn-hover-light{transition:background .15s ease}.btn-hover-light:hover{background:var(--color-primary-light)!important}.btn-hover-primary{transition:background .15s ease}.btn-hover-primary:hover{background:var(--color-primary-dark)!important}.search-input-lg{font-size:16px!important}.tab-bar{display:flex;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;border-bottom:2px solid var(--color-border)}.checkbox-wrap{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}.checkbox-wrap input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-primary)}.pickup-session-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.manifest-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:600px){.manifest-form-grid{grid-template-columns:1fr}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,Arial,sans-serif;font-size:14px;background-color:#f4f6f9;color:#333;padding-top:env(safe-area-inset-top)}.topbar{top:env(safe-area-inset-top)!important}.page-title{font-size:20px;font-weight:600;color:#1a1a1a}.section-header{font-size:14px;font-weight:600;color:#1a5ea8}.text-muted{font-size:13px;color:#6b7280}table{width:100%;border-collapse:collapse;background:#fff}table th,table td{padding:10px 12px;text-align:left;font-size:14px;border-bottom:1px solid #F1F5F9;border-right:none;border-left:none;border-top:none}table th{background:#f8fafc;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#64748b;border-bottom:1px solid #E2E8F0}table tbody tr{transition:background-color .15s ease}table tbody tr:nth-child(2n){background:#fafbfc}table tbody tr:hover{background:var(--gray-50)!important}.table-card{border-radius:8px;border:1px solid #E2E8F0;box-shadow:var(--shadow-sm);overflow:hidden;background:#fff}.btn-primary{background-color:#1a5ea8;color:#fff;border:none;border-radius:6px;padding:0 16px;height:36px;font-size:13.5px;font-weight:500;cursor:pointer;font-family:system-ui,Arial,sans-serif;display:inline-flex;align-items:center;gap:6px;transition:background-color .15s ease}.btn-primary:hover{background-color:#154d8e}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary:not(:disabled):active{transform:scale(.98)}.btn-secondary{background-color:#fff;color:#1a5ea8;border:1.5px solid #1A5EA8;border-radius:6px;padding:0 16px;height:36px;font-size:13.5px;font-weight:500;cursor:pointer;font-family:system-ui,Arial,sans-serif;display:inline-flex;align-items:center;gap:6px;transition:background-color .15s ease}.btn-secondary:hover{background-color:#f0f5ff}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary:not(:disabled):active{transform:scale(.98)}.btn-danger{background-color:#dc2626;color:#fff;border:none;border-radius:6px;padding:0 16px;height:36px;font-size:13.5px;font-weight:500;cursor:pointer;font-family:system-ui,Arial,sans-serif;display:inline-flex;align-items:center;gap:6px;transition:background-color .15s ease}.btn-danger:hover{background-color:#b91c1c}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-danger:not(:disabled):active{transform:scale(.98)}input:not([type=checkbox]):not([type=radio]),select,textarea{background:#fff;border:1px solid #D1D5DB;border-radius:6px;padding:0 12px;height:36px;font-size:14px;font-family:system-ui,Arial,sans-serif;outline:none;transition:border-color .15s ease,box-shadow .15s ease}textarea{height:auto;padding:8px 12px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--blue);outline-offset:2px;box-shadow:none}input:disabled,select:disabled,textarea:disabled{background:#f9fafb;opacity:.65;cursor:not-allowed}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #1565C0;outline-offset:2px;border-radius:4px}.card{background:#fff;border-radius:8px;border:1px solid #E2E8F0;box-shadow:var(--shadow-sm);padding:20px}.nav-link:hover{background-color:#ffffff1a!important}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:600px 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:4px}.skeleton-text{height:13px;border-radius:4px}.skeleton-cell{height:13px;width:80%;border-radius:4px;display:inline-block}@media(max-width:1180px){.staff-bottom-nav{display:flex!important;padding-bottom:env(safe-area-inset-bottom)!important;height:calc(60px + env(safe-area-inset-bottom))!important}.main-wrapper{margin-left:0!important}.mobile-logout-bar{display:none!important}.topbar{position:fixed!important;top:0!important;top:env(safe-area-inset-top)!important;left:0;right:0;height:56px;padding-top:env(safe-area-inset-top);padding-right:16px;padding-left:16px;z-index:100;background:#fff;border-bottom:1px solid #E0E0E0;box-sizing:border-box}.main-content{padding-top:calc(56px + env(safe-area-inset-top))!important;padding-right:16px!important;padding-bottom:calc(68px + env(safe-area-inset-bottom))!important;padding-left:16px!important}}.mobile-logout-bar{align-items:center;justify-content:space-between;background-color:#1a5ea8;padding:12px 20px;flex-shrink:0;border-top:1px solid rgba(255,255,255,.2)}html,body{overflow-x:hidden}@media(max-width:768px){button,[role=button],a.nav-link{min-height:44px}}@media(max-width:768px){input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}}.login-input{font-size:14px}@media(max-width:768px){.login-input{font-size:16px!important}}.table-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-card{background:#fff;border:1px solid #E2E8F0;border-radius:10px;padding:14px 16px;box-shadow:var(--shadow-sm)}@media(max-width:768px){.desktop-only{display:none!important}}@media(min-width:769px){.mobile-only{display:none!important}}@supports (padding-bottom: env(safe-area-inset-bottom)){.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}}@media(max-width:768px){.modal-content{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;max-width:100%!important;width:100%!important;border-radius:16px 16px 0 0!important;max-height:90vh;overflow-y:auto}}@media(max-width:480px){.main-content{padding-top:calc(56px + env(safe-area-inset-top))!important;padding-right:12px!important;padding-bottom:calc(68px + env(safe-area-inset-bottom))!important;padding-left:12px!important}.topbar{padding-right:12px!important;padding-left:12px!important}.topbar span:first-child{font-size:18px!important}.staff-stat-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.dash-panel{width:100%!important}.staff-form-row{flex-direction:column!important;gap:10px!important}.staff-form-row>*{width:100%!important;flex:none!important}.staff-action-bar{flex-direction:column!important;gap:8px!important;align-items:stretch!important}.staff-action-bar>*{width:100%!important}.staff-action-bar button{width:100%!important;justify-content:center}.staff-action-bar input{width:100%!important}.scan-input-area input{font-size:16px!important;height:48px!important}.staff-two-pane{flex-direction:column!important}.staff-two-pane>*{width:100%!important;min-width:0!important;max-width:100%!important}.manifest-create-section{display:none!important}.manifest-phone-msg{display:block!important}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-content{width:100%!important;max-width:100%!important;border-radius:16px 16px 0 0!important;max-height:90vh!important;overflow-y:auto!important;padding-bottom:max(20px,env(safe-area-inset-bottom))!important;margin:0!important}}@media(min-width:481px){.manifest-phone-msg{display:none!important}}@media(min-width:481px)and (max-width:768px){button,[role=button],a.nav-link{min-height:48px}.portal-card-list{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}.portal-bottom-nav a{min-height:56px!important}.modal-overlay{align-items:center!important;padding:20px!important}.modal-content{border-radius:12px!important;max-height:85vh;overflow-y:auto}}@media(min-width:481px)and (max-width:1180px){.staff-stat-grid{grid-template-columns:repeat(2,1fr)!important}.staff-two-pane{flex-direction:column!important}.staff-two-pane>*{width:100%!important;min-width:0!important;max-width:100%!important}}@media(min-width:768px)and (max-width:1024px){.staff-two-pane{flex-direction:row!important}.staff-two-pane>*{width:auto!important;min-width:0!important}}@media(max-width:768px){.staff-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -12px;padding:0 12px}.staff-table-wrap table{min-width:600px}}@media(max-width:640px){.pkg-search-bar{flex-wrap:nowrap!important;gap:6px!important}.pkg-search-bar input{min-width:0!important;flex:1!important}.pkg-search-card{padding:16px!important}.pkg-date-row{flex-direction:column!important;gap:10px!important}.pkg-date-row>div{width:100%!important}.pkg-date-row input[type=date]{width:100%!important}.pkg-btn-row{flex-direction:column!important;gap:8px!important}.pkg-btn-row>button{width:100%!important;justify-content:center!important}.pkg-bulk-bar{flex-direction:column!important;gap:8px!important;align-items:stretch!important}.pkg-bulk-bar button{width:100%!important;justify-content:center!important}}@media(max-width:480px){.pkg-col-type,.pkg-col-corp{display:none!important}}.pds-close-btn{min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important}.row-hover{background-color:var(--gray-50)!important}@media(max-width:640px){.scan-in-grid{grid-template-columns:1fr!important;overflow:visible!important;height:auto!important}.scan-in-grid>div:last-child{max-height:280px}}@media(max-width:480px){.delivery-dims-row{flex-direction:column!important;gap:8px!important}.delivery-dims-row input{width:100%!important}.delivery-dims-row span{display:none!important}}@media(max-width:480px){.rtp-stat-bar{flex-direction:column!important}.rtp-stat-bar>div{flex:none!important;width:100%!important}}.dash-recent-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:1180px){.more-sheet-nav-item{min-height:52px!important}}.di-split-container{display:flex;flex-direction:row;gap:0;align-items:stretch;min-height:600px}.di-camera-panel{flex:0 0 50%;display:flex;flex-direction:column;border:1px solid #E0E0E0;border-radius:8px;overflow:hidden;background:#000;min-height:400px;margin-right:16px}.di-form-panel{flex:1 1 50%;min-width:0;overflow-y:auto}@media(min-width:481px)and (max-width:768px){.di-split-container{flex-direction:column}.di-camera-panel{flex:0 0 40%;min-height:280px;margin-right:0;margin-bottom:16px}.di-form-panel{flex:0 0 60%}}@media(max-width:480px){.di-split-container{flex-direction:column;min-height:0}.di-camera-panel{flex:0 0 35%;min-height:220px;margin-right:0;margin-bottom:12px}.di-form-panel{flex:0 0 65%;overflow-y:auto}}@media(min-width:1181px){.di-split-container{max-width:1200px}}input[type=number]{text-align:right;font-variant-numeric:tabular-nums}@media(max-width:480px){input[type=number]{height:52px}}.customer-row-hover:hover{background-color:#f0f7ff!important}.mobile-card:active{background-color:#f0f7ff}@media print{.sidebar,.topbar{display:none!important}.main-content{margin:0!important;padding:0!important}}.staff-stat-grid{grid-template-columns:repeat(4,1fr)}.grid-12{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;width:100%}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-12{grid-column:span 12}@media(max-width:1180px){.grid-12{gap:16px}.col-3,.col-4{grid-column:span 6}.col-8,.col-9{grid-column:span 12}}@media(max-width:480px){.grid-12{gap:12px}.col-1,.col-2,.col-3,.col-4,.col-6,.col-8,.col-9{grid-column:span 12}.stat-col{grid-column:span 6!important}.main-wrapper{margin-left:0!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important}.main-content{width:100%!important;max-width:100vw!important;overflow-x:hidden!important;box-sizing:border-box!important}.main-wrapper>*,.main-content>div{max-width:100%!important;box-sizing:border-box!important}.pwa-banner-wrapper{width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}}.pkg-card-list{display:flex;flex-direction:column}.pkg-card-item{padding:12px 16px;border-bottom:1px solid #E5E7EB;cursor:pointer}.pkg-card-item:active{background:#f0f4f8}.pkg-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.pkg-card-tracking{font-family:monospace;font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.pkg-card-mid{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.pkg-card-customer{font-size:13px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.pkg-card-bot{display:flex;gap:12px;align-items:center}.pkg-card-date{font-size:12px;color:#888}.pkg-card-corp{font-size:11px;font-weight:700;background:#e8eaf6;color:#3949ab;padding:1px 7px;border-radius:10px}@media(max-width:768px){.pkg-col-type,.pkg-col-corp{display:none!important}.pkg-date-row{flex-direction:column!important;align-items:stretch!important}.pkg-date-row>div{width:100%}.pkg-date-row input{width:100%}}@media(max-width:480px){.pkg-btn-row{flex-direction:column!important}.pkg-btn-row button{width:100%}}.mf-accordion-section{margin-bottom:1px;background:#fff}.mf-accordion-header{width:100%;padding:14px 16px;background:#fff;border:none;border-left:3px solid #0A1628;border-bottom:1px solid #E5E7EB;font-weight:600;font-size:14px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-family:system-ui,Arial,sans-serif;text-align:left;color:#1a1a1a}.mf-accordion-chevron{transition:transform .2s ease;font-size:11px;color:#64748b}.mf-accordion-chevron.open{transform:rotate(180deg)}.mf-accordion-count{font-weight:400;color:#888;font-size:12px}.mf-accordion-body{padding:0}