*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(to bottom,#f8fafc,#f1f5f9);background-attachment:fixed;color:#333;line-height:1.6}.main-nav{background:#413b9d;color:#fff;padding:0;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #413b9d4d;min-height:60px}.nav-content{max-width:800px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:1rem;gap:1rem;position:relative;min-height:60px}@media(min-width:1024px){.nav-content{max-width:1400px}}.nav-title{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1.1rem;font-weight:600;text-align:center;transition:opacity .2s;z-index:1}.nav-title-home{position:static;left:auto;transform:none;justify-content:flex-start}.nav-title-home .nav-title-text{display:none}.nav-title:hover{opacity:.9}.nav-logo{height:40px;width:auto;object-fit:contain}.nav-title-text{display:inline-block}.nav-back-button{display:flex;align-items:center;justify-content:center;gap:.6rem;background:#ffffff26;color:#fff;border:2px solid rgba(255,255,255,.3);padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:48px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 4px #0000001a}.nav-back-text{display:inline}.nav-back-button:hover{background:#ffffff40;border-color:#ffffff80;transform:translate(-2px);box-shadow:0 4px 8px #00000026}.nav-back-button:active{background:#ffffff4d;transform:translate(0)}.nav-back-icon{width:20px;height:20px;flex-shrink:0;stroke-linecap:round;stroke-linejoin:round}.nav-home-button{background:#fff3;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background .2s;min-height:44px;min-width:60px}.nav-home-button:hover{background:#ffffff4d}.nav-home-button:active{background:#fff6}.page-container{max-width:800px;margin:0 auto;padding:1rem;background:transparent;min-height:calc(100vh - 60px)}@media(min-width:1024px){.page-container{max-width:1400px;padding:2rem}.track-info-grid{grid-template-columns:repeat(2,1fr)}}.page-container h1{margin-bottom:1.5rem;color:#413b9d;font-size:1.5rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.page-header h1{margin-bottom:0}.home-nav{margin-top:2rem}.home-nav h2{margin-top:2rem;margin-bottom:1rem;color:#413b9d;font-size:1.2rem;font-weight:600}.home-nav a{display:block;padding:.75rem 1rem;margin-bottom:.5rem;background:#413b9d;color:#fff;text-decoration:none;border-radius:4px;transition:background .2s}.home-nav a:hover{background:#35317d}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#555}.form-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;background-color:#fff;color:#333;transition:border-color .2s}.form-input:focus{outline:none;border-color:#413b9d;box-shadow:0 0 0 3px #413b9d1a}.form-input:disabled{background-color:#f5f5f5;cursor:not-allowed}textarea.form-input{resize:vertical;font-family:inherit}select.form-input{cursor:pointer;background-color:#fff;color:#333;appearance:none;-webkit-appearance:none;-moz-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='%23413b9d' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}select.form-input:focus{background-color:#fff;color:#333}.form-actions{display:flex;gap:1rem;margin-top:2rem}.primary-button{background:#413b9d;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;min-height:44px;touch-action:manipulation;box-shadow:0 2px 4px #413b9d33}.primary-button:hover:not(:disabled){background:#35317d;box-shadow:0 4px 8px #413b9d4d;transform:translateY(-1px)}.primary-button:active:not(:disabled){background:#2d2868;transform:translateY(0)}.primary-button:disabled{background:#bdc3c7;color:#fff;cursor:not-allowed}.secondary-button{background:#95a5a6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .2s;min-height:44px;touch-action:manipulation}.secondary-button:hover{background:#7f8c8d}.secondary-button:active{background:#6c7a7b}.scan-options{margin-bottom:1.5rem;padding:1rem;background:#f9f9f9;border-radius:8px;display:flex;justify-content:center}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:1rem;color:#333}.checkbox-input{width:20px;height:20px;cursor:pointer;accent-color:#413b9d;flex-shrink:0}.checkbox-text{font-weight:500}.scan-upload-container{display:flex;justify-content:center;align-items:center;min-height:400px;padding:2rem 1rem}.camera-upload{width:100%;max-width:500px}.camera-upload-options{display:flex;flex-direction:column;gap:1.5rem}.camera-upload-main{width:100%}.camera-button-primary{width:100%;background:linear-gradient(135deg,#413b9d,#35317d);color:#fff;border:none;border-radius:16px;padding:3rem 2rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #413b9d4d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:200px;touch-action:manipulation;position:relative;overflow:hidden}.camera-button-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.camera-button-primary:hover:before{left:100%}.camera-button-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #413b9d66}.camera-button-primary:active{transform:translateY(0);box-shadow:0 2px 15px #413b9d4d}.camera-icon{width:80px;height:80px;stroke-width:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.camera-button-text{font-size:1.5rem;font-weight:600;letter-spacing:.5px}.camera-button-hint{font-size:.9rem;opacity:.9;font-weight:400}.camera-upload-secondary{width:100%}.camera-button-secondary{width:100%;background:#fff;color:#413b9d;border:2px solid #413b9d;border-radius:12px;padding:1rem 2rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1rem;font-weight:500;min-height:56px;touch-action:manipulation}.camera-button-secondary:hover{background:#f0f8ff;transform:translateY(-1px);box-shadow:0 2px 8px #413b9d33}.camera-button-secondary:active{transform:translateY(0);background:#e3f2fd}.gallery-icon{width:24px;height:24px;stroke-width:2}.camera-preview{position:relative;width:100%;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.camera-preview img{width:100%;height:auto;display:block;max-height:500px;object-fit:contain;background:#f5f5f5}.camera-preview-remove{position:absolute;top:1rem;right:1rem;background:#000000b3;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;touch-action:manipulation}.camera-preview-remove:hover{background:#000000e6;transform:scale(1.1)}.file-input-hidden{display:none}.image-upload{margin-bottom:2rem}.upload-label{display:inline-block;cursor:pointer}.file-input{display:none}.upload-button{display:inline-block;background:#413b9d;color:#fff;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .2s;min-height:44px;touch-action:manipulation;font-weight:600}.upload-button:hover{background:#35317d;transform:translateY(-1px);box-shadow:0 2px 4px #413b9d33}.upload-button:active{background:#2d2868;transform:translateY(0)}.image-preview{margin-top:1rem;border:1px solid #ddd;border-radius:4px;padding:1rem;text-align:center}.image-preview img{max-width:100%;max-height:400px;border-radius:4px}.loading-spinner{text-align:center;padding:2rem}.spinner{border:4px solid #f3f3f3;border-top:4px solid #413b9d;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner p{color:#666}.error-message{background:#fee;border:1px solid #fcc;color:#c33;padding:1rem;border-radius:4px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.dismiss-button{background:none;border:none;color:#c33;font-size:1.5rem;cursor:pointer;padding:0 .5rem;line-height:1}.dismiss-button:hover{color:#a00}.success-message{background:#efe;border:1px solid #cfc;color:#3c3;padding:1rem;border-radius:4px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.success-message .dismiss-button{color:#3c3}.success-message .dismiss-button:hover{color:#2a2}.error-message-container{margin-bottom:1rem}.error-action{margin-top:.5rem}.package-status{margin-top:2rem}.status-badge{display:inline-block;padding:.75rem 1.5rem;border-radius:8px;color:#fff;font-weight:700;font-size:1rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #00000026;text-transform:uppercase;letter-spacing:.5px}.timeline{margin-top:1.5rem}.timeline h3{margin-bottom:1rem;color:#413b9d;font-weight:600}.timeline ul{list-style:none;padding-left:0}.timeline li{padding:1rem;margin-bottom:.5rem;background:#f9f9f9;border-left:4px solid #413b9d;border-radius:8px;transition:all .2s}.timeline li:hover{background:#f0f8ff;transform:translate(4px)}.timeline-date{font-weight:700;color:#555;margin-bottom:.25rem}.timeline-event{color:#333;margin-bottom:.25rem}.timeline-location{color:#666;font-size:.9rem}.scanning-status{margin-bottom:1.5rem;text-align:center}.scanning-hint{margin-top:.5rem;color:#666;font-size:.9rem;font-style:italic}.loading-bar-container{margin-bottom:1.5rem}.loading-bar{width:100%;height:4px;background-color:#e5e7eb;border-radius:2px;overflow:hidden;position:relative}.loading-bar-fill{height:100%;background:linear-gradient(90deg,#413b9d,#35317d,#413b9d);background-size:200% 100%;animation:loading-bar-animation 1.5s ease-in-out infinite;border-radius:2px}@keyframes loading-bar-animation{0%{width:0%;background-position:0% 0%}50%{width:70%;background-position:100% 0%}to{width:100%;background-position:200% 0%}}.loading-text{margin-top:.75rem;color:#666;font-size:.9rem;text-align:center}.weight-input-section{margin:1.5rem 0;padding:1.5rem;background:#f0f8ff;border:2px dashed #413b9d;border-radius:8px}.scan-results,.receipt-results{margin-top:2rem;padding:1.5rem;background:#f9f9f9;border-radius:4px}.form-hint{color:#666;font-size:.9rem;margin-bottom:1.5rem;font-style:italic}.scan-results h2,.receipt-results h2{margin-bottom:1rem;color:#413b9d;font-weight:600}.package-info-display{margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:4px;border:1px solid #ddd}.package-info-display .info-item{padding:.5rem 0;border-bottom:1px solid #eee}.package-info-display .info-item:last-child{border-bottom:none}.package-info-display .info-item strong{display:inline-block;min-width:140px;color:#555}.confidence-warning{background:#fff8e1;border:2px solid #f6bd4f;color:#856404;padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.confidence-info{background:#e3f2fd;border:2px solid #413b9d;color:#0d47a1;padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.confidence-info div{margin:.25rem 0}.package-details{margin-top:2rem;padding:1.5rem;background:#f9f9f9;border-radius:4px}.package-details h2{margin-bottom:1rem;color:#413b9d;font-weight:600}.info-grid{display:grid;gap:1rem;margin-bottom:1.5rem}.info-item{padding:.75rem;background:#fff;border-radius:4px;border:1px solid #ddd}.info-item strong{display:block;margin-bottom:.25rem;color:#555}.edit-package-layout{display:flex;flex-direction:column;gap:2rem;margin-top:1.5rem}.edit-package-main{flex:3}.edit-package-images{flex:2}.packages-summary{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:999px;background:#f9fafb;border:1px solid #e5e7eb;color:#4b5563;font-size:.9rem}.packages-summary:before{content:"";width:8px;height:8px;border-radius:999px;background:#10b981}.packages-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;margin-bottom:1rem}.packages-summary-metrics{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;font-size:.85rem;color:#4b5563}.packages-summary-metrics span strong{color:#111827}.packages-filters{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;margin-bottom:1rem}.packages-filter-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.date-filters-group{display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap}.date-filters-group .packages-limit-select{display:flex;align-items:center;gap:.5rem}.date-filters-group .packages-limit-label{font-size:.9rem;white-space:nowrap}.date-filters-group .packages-limit-dropdown{font-size:.9rem}.packages-limit-select{display:flex;align-items:center;gap:.5rem;cursor:pointer}.packages-limit-label{font-size:.9rem;color:#4b5563;font-weight:500}.packages-limit-dropdown{padding:.5rem .75rem;border-radius:6px;border:1px solid #d1d5db;font-size:.9rem;background:#fff;color:#111827;cursor:pointer;transition:border-color .2s}.packages-limit-dropdown:hover{border-color:#413b9d}.packages-limit-dropdown:focus{outline:none;border-color:#413b9d;box-shadow:0 0 0 2px #413b9d33}.packages-search-input{flex:1;min-width:220px;max-width:420px;padding:.55rem .75rem;border-radius:999px;border:1px solid #d1d5db;font-size:.95rem}.packages-search-input:focus{outline:none;border-color:#413b9d;box-shadow:0 0 0 1px #413b9d33}.packages-filter-buttons{display:inline-flex;flex-wrap:wrap;gap:.4rem}.packages-filter-button{border-radius:999px;border:1px solid #d1d5db;padding:.35rem .75rem;font-size:.85rem;background:#fff;color:#4b5563;cursor:pointer;transition:all .15s ease}.packages-filter-button:hover{border-color:#413b9d;color:#1f2937;background:#f0f8ff}.packages-filter-button.is-active{background:#413b9d;color:#fff;border-color:#413b9d}.packages-table-wrapper{margin-top:.5rem;border-radius:8px;border:1px solid #e5e7eb;overflow-x:auto;overflow-y:hidden;background:#fff}.packages-table{width:100%;border-collapse:collapse;font-size:.9rem}.packages-table thead{background:#f9fafb}.packages-table th,.packages-table td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb;vertical-align:middle}.packages-table th:last-child,.packages-table td:last-child{border-right:none}.packages-table th:last-child{text-align:center;width:60px}.packages-table td:last-child{text-align:center;padding:.5rem}.packages-table th{font-weight:600;font-size:.85rem;color:#6b7280;-webkit-user-select:none;user-select:none;cursor:pointer;white-space:nowrap}.packages-table th:hover{background:#f3f4f6}.packages-table td{color:#111827}.packages-table tbody tr{cursor:pointer;transition:background .1s ease}.packages-table tbody tr:hover{background:#f9fafb}.packages-table tbody tr.row-no-address{background:#fff4d6}.packages-table tbody tr.row-no-address:hover{background:#ffe8a1}.delete-button{background:transparent;border:1px solid #e5e7eb;border-radius:6px;padding:.4rem .6rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#ef4444;min-width:36px;min-height:36px}.delete-button:hover:not(:disabled){background:#fee2e2;border-color:#ef4444;transform:scale(1.05)}.delete-button:active:not(:disabled){transform:scale(.95)}.delete-button:disabled{opacity:.5;cursor:not-allowed}.delete-icon{width:18px;height:18px;stroke:currentColor}.delete-spinner{display:inline-block;font-size:14px}.password-input-wrapper{position:relative;display:inline-block;width:100%}.password-input-wrapper input{width:100%;padding-right:3rem}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color .2s;z-index:1;height:24px;width:24px}.password-toggle:hover{color:#413b9d}.password-toggle:focus{outline:none;color:#413b9d}.password-toggle svg{width:18px;height:18px}.confirm-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-modal{background:#fff;border-radius:12px;padding:2rem;max-width:400px;width:100%;box-shadow:0 10px 40px #0003;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.confirm-modal-title{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#111827}.confirm-modal-message{margin:0 0 1.5rem;font-size:1rem;color:#4b5563;line-height:1.5}.confirm-modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.confirm-modal-button{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;min-height:44px}.confirm-modal-button-cancel{background:#f3f4f6;color:#374151}.confirm-modal-button-cancel:hover{background:#e5e7eb;color:#111827}.confirm-modal-button-confirm{background:#ef4444;color:#fff}.confirm-modal-button-confirm:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.confirm-modal-button-confirm:active{transform:translateY(0)}@media(max-width:480px){.confirm-modal{padding:1.5rem}.confirm-modal-actions{flex-direction:column-reverse}.confirm-modal-button{width:100%}}.packages-table-id{font-weight:500;color:#6b7280;font-size:.85rem;text-align:center;width:40px;max-width:40px;padding:.6rem .5rem}.packages-table-tracking{display:flex;flex-direction:column;gap:.2rem}.packages-table-tracking .tracking-main{font-weight:600;color:#111827}.packages-table-tracking .tracking-sub{font-size:.8rem;color:#6b7280}.packages-table-address{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.packages-table-person-details{display:flex;flex-direction:column;gap:.4rem;min-width:200px;max-width:350px}.person-details-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.person-details-content{flex:1;display:flex;flex-direction:column;gap:.4rem}.person-details-toggle{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;color:#4b5563;cursor:pointer;flex-shrink:0;transition:all .2s ease;line-height:1;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center}.person-details-toggle:hover{background:#e5e7eb;border-color:#9ca3af;color:#111827}.person-details-toggle:active{background:#d1d5db}.person-name{font-weight:600;font-size:.95rem;color:#111827;margin-bottom:.2rem}.person-contact{display:flex;flex-direction:column;gap:.25rem}.person-contact-item{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#4b5563}.person-contact-label{font-size:.9rem;flex-shrink:0}.person-address{font-size:.85rem;color:#6b7280;line-height:1.4;margin-top:.2rem;word-wrap:break-word}.row-expanded{background:#f9fafb!important}.row-expanded:hover{background:#f3f4f6!important}.person-details-expanded{padding:1.5rem;background:#f9fafb;border-top:2px solid #e5e7eb}.person-details-expanded-content{display:flex;flex-direction:column;gap:0}.person-details-sections{display:flex;flex-direction:column;gap:2rem}.person-details-grid-compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem 1rem;padding:.5rem 0}.person-detail-item-compact{font-size:.85rem;color:#4b5563;line-height:1.6;padding:.25rem 0}.person-detail-item-compact strong{color:#413b9d;font-weight:600;margin-right:.5rem;display:inline-block;min-width:80px}.person-details-section{display:flex;flex-direction:column;gap:1rem}.person-details-section h4{margin:0;font-size:.85rem;font-weight:700;color:#413b9d;text-transform:uppercase;letter-spacing:1px;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.person-details-grid-clean{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;padding:.5rem 0}.person-detail-item-clean{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#fff;border-radius:6px;border:1px solid #e5e7eb;transition:all .2s}.person-detail-item-clean:hover{border-color:#413b9d;box-shadow:0 2px 4px #413b9d1a}.person-detail-item-clean.full-width{grid-column:1 / -1}.detail-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.detail-value{font-size:.95rem;color:#111827;font-weight:500;word-break:break-word}.detail-value.tracking-value{font-family:Courier New,monospace;font-size:1rem;font-weight:600;color:#413b9d;letter-spacing:.5px}.email-sent-indicator{margin-left:.5rem;color:#4caf50;font-size:1.1em;vertical-align:middle}.email-input-container{display:flex;flex-direction:column;gap:.5rem}.email-input-wrapper{display:flex;gap:.5rem;align-items:center;flex:1}.email-input-wrapper .form-input{flex:1}.email-send-button{white-space:nowrap;padding:.5rem 1rem;font-size:.9rem;width:100%}.person-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.person-detail-item{font-size:.9rem;color:#4b5563;line-height:1.5}.person-detail-item strong{color:#111827;font-weight:600;margin-right:.5rem}.packages-table-history{display:flex;flex-direction:column;gap:.25rem}.history-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem;font-size:.8rem;color:#4b5563}.history-label{font-weight:600;color:#111827}.history-user{font-weight:500}.history-date{color:#6b7280}.packages-empty-filters{padding:1rem 1.25rem;font-size:.9rem;color:#6b7280}@media(max-width:768px){.packages-toolbar{flex-direction:column;align-items:flex-start}.packages-summary-metrics{width:100%}.packages-filters{flex-direction:column;align-items:stretch}.packages-filter-buttons{justify-content:flex-start}.date-filters-group{flex-wrap:wrap;width:100%}.date-filters-group .packages-limit-select{flex:1;min-width:0}.date-filters-group .packages-limit-label{font-size:.8rem}.date-filters-group .packages-limit-dropdown{font-size:.85rem;flex:1;min-width:0}@media(max-width:480px){.date-filters-group{flex-direction:column;align-items:stretch;gap:.5rem}.date-filters-group .packages-limit-select,.date-filters-group .packages-limit-dropdown,.date-filters-group .secondary-button{width:100%}}.packages-table-wrapper{border-radius:6px;-webkit-overflow-scrolling:touch}.packages-table{font-size:.8rem;min-width:720px}.packages-table th,.packages-table td{padding:.5rem}}.package-card-no-address{border-left:4px solid #f39c12;background-color:#fffbf0}.package-card-no-address:hover{border-color:#e67e22;box-shadow:0 2px 8px #f39c1233}.package-card{background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid #e5e7eb;border-radius:10px;padding:1.4rem 1.3rem;cursor:pointer;transition:all .2s}.package-card:hover{border-color:#413b9d;box-shadow:0 10px 25px #413b9d26;transform:translateY(-3px)}.package-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.9rem;padding-bottom:.9rem;border-bottom:1px solid #e5e7eb}.package-tracking{font-size:1.1rem;color:#111827;font-weight:600}.package-subtitle{margin-top:.15rem;font-size:.9rem;color:#6b7280}.package-card-body{display:flex;flex-direction:column;gap:.75rem}.package-meta-row{display:flex;flex-wrap:wrap;gap:.5rem}.package-meta-pill{display:inline-flex;flex-direction:column;justify-content:center;padding:.45rem .7rem;border-radius:999px;background:#f3f4f6;border:1px solid #e5e7eb;font-size:.8rem;min-width:90px}.package-meta-pill span{color:#6b7280}.package-meta-pill strong{color:#111827}.package-info-row{display:flex;gap:2rem;flex-wrap:wrap;color:#4b5563}.package-address-text{display:block;margin-top:.15rem;color:#4b5563;font-size:.9rem}.package-info-row strong{color:#111827;margin-right:.5rem}.package-info-row small{color:#999;font-size:.85rem}.package-footer-row{display:flex;justify-content:flex-end}.empty-state{text-align:center;padding:3rem;background:#f9f9f9;border-radius:4px;color:#666}.empty-state p{margin-bottom:1.5rem;font-size:1.1rem}.home-hero{margin-bottom:2rem;padding:2rem 1.5rem;border-radius:16px;background:linear-gradient(135deg,#413b9d,#35317d,#f6bd4f);color:#fff;box-shadow:0 4px 20px #413b9d33}.home-hero-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.home-hero-logo{height:120px;width:auto;object-fit:contain}.home-hero-text{width:100%}.home-hero-text h1{margin-bottom:.5rem;font-size:2rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}.home-hero-subtitle{margin:0;font-size:1.1rem;opacity:.95;font-weight:400;color:#fff}.home-nav{display:flex;flex-direction:column;gap:2rem;margin-top:1.5rem}.home-section h2{margin-bottom:.5rem;font-size:1.5rem}.home-section-description{margin:0 0 1.5rem;color:#666;font-size:1rem;line-height:1.6}.home-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.home-card-link{display:block;padding:1.5rem 1.25rem;border-radius:12px;background:#413b9d;border:2px solid #413b9d;text-decoration:none;color:#fff;box-shadow:0 2px 4px #413b9d33;transition:all .2s ease;position:relative;overflow:hidden}.home-card-link:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#f6bd4f;transform:scaleY(0);transition:transform .2s ease}.home-card-link:hover{background:#35317d;border-color:#35317d;box-shadow:0 6px 16px #413b9d4d;transform:translateY(-2px)}.home-card-link:hover:before{transform:scaleY(1)}.home-card-title{font-weight:600;margin-bottom:.5rem;color:#fff;font-size:1.1rem}.home-card-body{font-size:.9rem;color:#ffffffe6}@media(max-width:768px){.page-container{padding:1rem}.home-hero{padding:1.5rem 1rem;margin-bottom:1.5rem}.home-hero-logo{height:90px}.home-hero-text h1{font-size:1.5rem}.home-hero-subtitle{font-size:1rem}.home-section h2{font-size:1.3rem}.scan-upload-container{min-height:300px;padding:1rem .5rem}.camera-button-primary{padding:2.5rem 1.5rem;min-height:180px;border-radius:12px}.camera-icon{width:70px;height:70px}.camera-button-text{font-size:1.3rem}.camera-button-hint{font-size:.85rem}.page-container h1{font-size:1.3rem;margin-bottom:1rem}.nav-content{padding:.75rem;min-height:56px}.main-nav{min-height:56px}.nav-title{font-size:1rem}.nav-back-button{padding:.5rem;min-height:36px;min-width:36px}.nav-back-icon{width:20px;height:20px}.nav-home-button{padding:.5rem .75rem;font-size:.85rem}.nav-logo{height:36px}.nav-back-button{padding:.4rem;min-height:32px;min-width:32px}.nav-back-text{display:none}.nav-back-icon{width:18px;height:18px}.page-header{flex-direction:column;align-items:stretch}.page-header h1{font-size:1.3rem}.form-group{margin-bottom:1.25rem}.form-input{font-size:16px;padding:.875rem}.form-actions{flex-direction:column;gap:.75rem}.form-actions button{width:100%}.primary-button,.secondary-button{width:100%;padding:1rem}.package-card{padding:1rem}.package-card-header{flex-direction:column;align-items:flex-start;gap:.75rem}.package-info-row{flex-direction:column;gap:.5rem}.packages-list{gap:.75rem;grid-template-columns:minmax(0,1fr)}.home-nav a{padding:1rem;font-size:1rem}.scan-results,.receipt-results,.package-details{padding:1rem}.info-grid{gap:.75rem}.image-preview img{max-height:300px}.timeline li{padding:.75rem}}@media(max-width:480px){.page-container{padding:.75rem}.nav-content{padding:.5rem;gap:.5rem}.nav-actions,.nav-user-info{gap:.25rem}.nav-username{font-size:.8rem;max-width:60px}.nav-role-badge{display:none}.nav-logout-button{padding:.4rem;min-height:32px;min-width:32px}.nav-logout-text{display:none}.nav-logout-icon{width:18px;height:18px}.nav-home-button{padding:.35rem .6rem;font-size:.8rem;min-height:32px}.home-hero{padding:1.25rem 1rem;margin-bottom:1.25rem}.home-hero-logo{height:80px}.home-links-grid{grid-template-columns:minmax(0,1fr);gap:1rem}.track-page-header h1{font-size:1.5rem}.track-page-subtitle{font-size:.9rem}.track-form,.track-package-details{padding:1.5rem}.track-info-grid{grid-template-columns:1fr}.tracking-number-display{flex-direction:column;align-items:flex-start;gap:.5rem}.tracking-value{font-size:1rem}.warehouse-notice{flex-direction:column;text-align:center;padding:1rem}.warehouse-notice-icon{font-size:1.5rem}.support-contact-section{padding:1.5rem 1rem;margin-top:2rem}.support-contact-item{flex-direction:column;gap:.5rem;width:100%;text-align:center}.nav-title{font-size:.9rem}.nav-logo{height:24px}.nav-title-text{display:none}.page-container h1{font-size:1.2rem}.package-card{padding:.75rem}.empty-state{padding:2rem 1rem}}.track-form{margin-bottom:2rem;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #00000014}.track-page-header{margin-bottom:2rem;text-align:center}.track-page-header h1{color:#413b9d;font-size:2rem;font-weight:700;margin-bottom:.5rem}.track-page-subtitle{color:#666;font-size:1rem;margin:0}.track-input{font-size:1.1rem;padding:1rem;border:2px solid #e1e4e8;border-radius:8px;transition:all .2s}.track-input:focus{border-color:#413b9d;box-shadow:0 0 0 4px #413b9d1a}.track-button{width:100%;padding:1rem;font-size:1.1rem;font-weight:600;margin-top:.5rem}.calculator-form .required{color:#c53030}.calculator-important-notes{margin-top:1.5rem;padding:1rem 1.25rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #413b9d;font-size:.9rem;color:#444}.calculator-important-notes h4{margin:0 0 .5rem;font-size:1rem;color:#333}.calculator-important-notes p{margin:.35rem 0}.calculator-important-notes a{color:#413b9d;font-weight:600;text-decoration:none}.calculator-important-notes a:hover{text-decoration:underline}.calculator-result{margin-top:2rem;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #00000014}.calculator-result-total{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #e1e4e8}.calculator-result-label{font-size:.9rem;color:#666}.calculator-result-value{font-size:1.75rem;font-weight:700;color:#413b9d}.calculator-city-surcharge{color:#555;margin:0 0 1rem;font-size:1rem}.calculator-breakdown h3{font-size:1.1rem;color:#333;margin-bottom:.75rem}.calculator-breakdown-list{list-style:none;padding:0;margin:0}.calculator-breakdown-list li{padding:.35rem 0;border-bottom:1px solid #eee}.calculator-breakdown-list li:last-child{border-bottom:none}.form-group-checkbox .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.form-group-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#413b9d}.track-package-details{margin-top:2rem;background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #00000014}.package-header-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e1e4e8}.package-header-section h2{color:#413b9d;font-size:1.5rem;margin-bottom:1rem}.tracking-number-display{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f0f8ff;border-radius:8px;border:2px solid #413b9d}.tracking-label{font-weight:600;color:#413b9d;font-size:.95rem}.tracking-value{font-weight:700;color:#2d2868;font-size:1.1rem;letter-spacing:.5px}.package-status-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e1e4e8}.package-info-wrapper{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}@media(min-width:768px){.package-info-wrapper{flex-direction:row;gap:2rem}.package-info-section,.package-contact-section{flex:1}}.package-info-section,.package-contact-section{margin-bottom:0}.package-info-section h3,.package-contact-section h3{color:#413b9d;font-size:1rem;font-weight:600;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.track-info-grid{display:flex;flex-direction:column;gap:.5rem}.track-info-item{display:flex;align-items:baseline;gap:.75rem;padding:.4rem 0;border:none}.track-info-item strong{color:#6b7280;font-size:.9rem;font-weight:500;min-width:140px;flex-shrink:0}.track-info-item span{color:#111827;font-size:1rem;font-weight:600;flex:1}.warehouse-notice{display:flex;gap:1rem;padding:1.25rem;margin-bottom:2rem;background:linear-gradient(135deg,#f0f8ff,#e3f2fd);border:2px solid #413b9d;border-radius:12px;box-shadow:0 2px 8px #413b9d1a}.warehouse-notice-icon{font-size:2rem;flex-shrink:0}.warehouse-notice-content{flex:1}.warehouse-notice-content strong{display:block;color:#413b9d;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.warehouse-notice-content p{margin:0;color:#555;font-size:.95rem;line-height:1.5}.support-contact-section{margin-top:3rem;padding:2rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;border:2px solid #e1e4e8;text-align:center}.support-contact-section h3{color:#413b9d;font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.support-description{color:#666;font-size:.95rem;margin-bottom:1.5rem}.support-contact-info{display:flex;flex-direction:column;gap:1rem;align-items:center}.support-contact-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:#fff;border-radius:8px;border:1px solid #e1e4e8;transition:all .2s}.support-contact-item:hover{border-color:#413b9d;box-shadow:0 2px 8px #413b9d1a;transform:translateY(-2px)}.support-contact-item strong{color:#413b9d;font-weight:600;font-size:.95rem}.support-link{color:#413b9d;text-decoration:none;font-weight:500;font-size:1rem;transition:color .2s}.support-link:hover{color:#35317d;text-decoration:underline}.receipt-section{margin-top:1rem}.receipt-upload-section{margin-top:2rem;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;border:2px solid #e1e4e8}.receipt-upload-section h3{color:#413b9d;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.receipt-upload-description{color:#666;font-size:.95rem;margin-bottom:1.5rem}.receipt-upload-section-important{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:3px solid #f6bd4f;box-shadow:0 4px 20px #f6bd4f40;position:relative;animation:receipt-upload-pulse 2s ease-in-out infinite}@keyframes receipt-upload-pulse{0%,to{box-shadow:0 4px 20px #f6bd4f40}50%{box-shadow:0 6px 30px #f6bd4f66}}.receipt-upload-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(246,189,79,.3)}.receipt-upload-header-content{display:flex;align-items:flex-start;gap:1rem;flex:1}.receipt-upload-icon-wrapper{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,#f6bd4f,#f59e0b);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #f6bd4f4d}.receipt-upload-important-icon{width:28px;height:28px;color:#fff;stroke-width:2.5}.receipt-upload-header-text{flex:1}.receipt-upload-section-important h3{color:#92400e;font-size:1.4rem;font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.receipt-upload-section-important .receipt-upload-description{color:#78350f;font-size:1rem;font-weight:500;margin-bottom:0;line-height:1.5}.receipt-upload-badge{flex-shrink:0;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #ef44444d;animation:receipt-badge-bounce 2s ease-in-out infinite}@keyframes receipt-badge-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.receipt-upload-submit-important{background:linear-gradient(135deg,#f6bd4f,#f59e0b);color:#78350f;font-weight:700;font-size:1.1rem;padding:1rem 2rem;box-shadow:0 4px 15px #f6bd4f66;border:2px solid #f59e0b}.receipt-upload-submit-important:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 6px 20px #f6bd4f80;transform:translateY(-2px)}.receipt-upload-submit-important:active:not(:disabled){transform:translateY(0)}.invoice-warning-multilingual{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #ef4444;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 12px #ef444426}.invoice-warning-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid rgba(239,68,68,.2)}.invoice-warning-icon{width:24px;height:24px;color:#ef4444;flex-shrink:0}.invoice-warning-title{font-size:1.1rem;font-weight:700;color:#991b1b;text-transform:uppercase;letter-spacing:.5px}.invoice-warning-messages{display:flex;flex-direction:column;gap:1rem}.invoice-warning-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid rgba(239,68,68,.2);transition:all .2s}.invoice-warning-item:hover{border-color:#ef444466;box-shadow:0 2px 8px #ef44441a;transform:translate(4px)}.invoice-warning-flag{font-size:2rem;line-height:1;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;border:2px solid rgba(239,68,68,.2);box-shadow:0 2px 4px #0000001a}.invoice-warning-content{flex:1;min-width:0}.invoice-warning-lang{font-size:.85rem;font-weight:700;color:#991b1b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.invoice-warning-text{font-size:.95rem;color:#7f1d1d;line-height:1.6;font-weight:500}@media(max-width:768px){.invoice-warning-multilingual{padding:1.25rem}.invoice-warning-header{flex-wrap:wrap}.invoice-warning-item{flex-direction:column;align-items:center;text-align:center;gap:.75rem}.invoice-warning-flag{width:40px;height:40px;font-size:1.5rem}.invoice-warning-content{text-align:center}.invoice-warning-text{font-size:.9rem}}@media(max-width:480px){.invoice-warning-multilingual{padding:1rem}.invoice-warning-title{font-size:1rem}.invoice-warning-lang{font-size:.8rem}.invoice-warning-text{font-size:.85rem}}.receipt-upload{width:100%;margin-bottom:1rem}.receipt-upload-empty{width:100%}.receipt-upload-button{width:100%;background:linear-gradient(135deg,#413b9d,#35317d);color:#fff;border:none;border-radius:12px;padding:2rem 1.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #413b9d33;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:140px;touch-action:manipulation;position:relative;overflow:hidden}.receipt-upload-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.receipt-upload-button:hover:before{left:100%}.receipt-upload-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #413b9d4d}.receipt-upload-button:active{transform:translateY(0);box-shadow:0 2px 12px #413b9d33}.receipt-upload-icon{width:48px;height:48px;stroke-width:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.receipt-upload-text{font-size:1.1rem;font-weight:600;letter-spacing:.5px}.receipt-upload-hint{font-size:.85rem;opacity:.9;font-weight:400}.receipt-upload-preview{position:relative;width:100%;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.receipt-preview-summary{margin-bottom:.5rem;padding:.75rem .75rem .5rem;border-radius:.75rem;background-color:#f3f4f6;display:flex;flex-direction:column;gap:.5rem}.receipt-images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.receipt-image-preview{position:relative;width:100%;border-radius:12px;overflow:hidden;background:#f5f5f5}.receipt-image-preview img{width:100%;height:auto;display:block;max-height:400px;object-fit:contain;background:#f5f5f5}.receipt-file-list{display:flex;flex-direction:column;gap:.4rem}.receipt-file-row{display:flex;align-items:center;gap:.6rem;padding:.4rem .55rem;border-radius:.6rem;background-color:#e5e7eb}.receipt-file-icon{flex-shrink:0}.receipt-file-ext{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background-color:#4b5563;color:#fff;font-size:.7rem;font-weight:600}.receipt-file-meta{display:flex;flex-direction:column;gap:.1rem;min-width:0}.receipt-file-name{font-size:.8rem;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.receipt-file-size{font-size:.75rem;color:#6b7280}.receipt-files-summary{font-size:.85rem;font-weight:500;color:#374151}.receipt-pdf-preview{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border:2px solid #e1e4e8;border-radius:12px;position:relative}.receipt-pdf-icon{width:48px;height:48px;flex-shrink:0;color:#ef4444}.receipt-pdf-icon svg{width:100%;height:100%}.receipt-pdf-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.receipt-pdf-name{font-weight:600;color:#111827;font-size:1rem;word-break:break-word}.receipt-pdf-size{font-size:.85rem;color:#6b7280}.receipt-preview-remove{position:absolute;top:1rem;right:1rem;background:#000000b3;color:#fff;border:none;border-radius:50%;width:36px;height:36px;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;touch-action:manipulation;z-index:10}.receipt-preview-remove:hover{background:#000000e6;transform:scale(1.1)}.receipt-upload-submit{width:100%;margin-top:1rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600}.receipt-upload-section-inline{padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e1e4e8;margin-bottom:1.5rem}.receipt-upload-section-inline .receipt-upload-button{min-height:120px;padding:1.5rem 1rem}.receipt-upload-section-inline .receipt-upload-icon{width:36px;height:36px}.receipt-upload-section-inline .receipt-upload-text{font-size:.95rem}.receipt-upload-section-inline .receipt-upload-hint{font-size:.75rem}@media(max-width:768px){.receipt-upload-section{padding:1.25rem;margin-top:1.5rem;margin-bottom:1.5rem}.receipt-upload-header{flex-direction:column;align-items:flex-start;gap:1rem}.receipt-upload-badge{align-self:flex-start}.receipt-upload-section-important h3{font-size:1.2rem}.receipt-upload-icon-wrapper{width:40px;height:40px}.receipt-upload-important-icon{width:24px;height:24px}.receipt-upload-button{padding:1.75rem 1.25rem;min-height:120px;border-radius:10px}.receipt-upload-icon{width:40px;height:40px}.receipt-upload-text{font-size:1rem}.receipt-upload-hint{font-size:.8rem}.receipt-image-preview img{max-height:300px}.receipt-pdf-preview{padding:1rem;flex-direction:column;text-align:center}.receipt-pdf-icon{width:40px;height:40px}.receipt-preview-remove{width:32px;height:32px;font-size:1.25rem}}@media(max-width:480px){.receipt-upload-section{padding:1rem}.receipt-upload-section h3{font-size:1.1rem}.receipt-upload-description{font-size:.9rem}.receipt-upload-button{padding:1.5rem 1rem;min-height:110px}.receipt-upload-icon{width:36px;height:36px}.receipt-upload-text{font-size:.95rem}.receipt-upload-hint{font-size:.75rem}.receipt-image-preview img{max-height:250px}.receipt-pdf-preview{padding:.875rem}.receipt-preview-remove{top:.75rem;right:.75rem;width:28px;height:28px;font-size:1.1rem}.pdf-preview{padding:1rem}.pdf-icon-large{width:48px;height:48px}.pdf-filename{font-size:.85rem}.pdf-hint{font-size:.7rem}}.package-form{margin-top:1rem}@media(min-width:1024px){.edit-package-layout{flex-direction:row;align-items:flex-start;gap:3rem}.email-input-container{flex-direction:row;align-items:center}.email-input-wrapper{flex:1}.email-send-button{width:auto;flex-shrink:0}.edit-package-main{flex:1;min-width:400px;max-width:600px}.edit-package-images{flex:1;min-width:500px;display:flex;flex-direction:column}.edit-package-images .images-section{flex:1;display:flex;flex-direction:column;margin-top:0;align-items:flex-start}.edit-package-images .images-section:first-child{margin-top:0}.edit-package-images .images-grid{flex:1;display:grid;grid-template-columns:1fr;gap:1.5rem}.edit-package-images .image-item{aspect-ratio:3 / 4}.edit-package-images .package-image{max-height:none}}.images-section{margin-top:2rem;margin-bottom:2rem}.track-images-documents-container{display:flex;flex-direction:column;gap:2rem;width:100%}.track-images-section,.track-documents-section{flex:1;min-width:0}.track-images-section h3,.track-documents-section h3{margin-bottom:1rem;color:#413b9d;font-weight:600;font-size:1.2rem}@media(min-width:1024px){.track-images-documents-container{flex-direction:row;align-items:flex-start;gap:2rem}.track-images-section,.track-documents-section{flex:1;max-width:50%}.track-images-documents-container>.track-images-section:only-child,.track-images-documents-container>.track-documents-section:only-child{max-width:100%}}.images-section h2,.images-section h3{margin-bottom:1rem;color:#413b9d;font-weight:600;font-size:1.2rem}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem}.image-item{position:relative;border:2px solid #e1e4e8;border-radius:12px;overflow:hidden;background:#f9f9f9;aspect-ratio:1;display:flex;align-items:center;justify-content:center;transition:all .2s}.image-item:hover{border-color:#413b9d;box-shadow:0 4px 12px #413b9d26;transform:translateY(-2px)}.package-image{width:100%;height:100%;object-fit:contain;cursor:pointer;transition:transform .2s}.package-image:hover{transform:scale(1.08)}.image-error{padding:1rem;text-align:center;color:#999;font-size:.9rem}.image-item img{cursor:pointer}.pdf-item{display:flex;align-items:center;justify-content:center}.pdf-preview{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;background:#fff;border:2px solid #e1e4e8;border-radius:12px;transition:all .2s;text-align:center}.pdf-preview:hover{border-color:#413b9d;box-shadow:0 4px 12px #413b9d26;transform:translateY(-2px);background:#f0f8ff}.pdf-icon-large{width:64px;height:64px;color:#ef4444;flex-shrink:0}.pdf-icon-large svg{width:100%;height:100%}.pdf-filename{font-weight:600;color:#111827;font-size:.9rem;word-break:break-word;max-width:100%}.pdf-hint{font-size:.75rem;color:#6b7280;margin-top:.25rem}.image-lightbox{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:0;overflow:hidden}.image-lightbox-content{position:relative;width:100vw;height:100vh}.image-lightbox-content img{width:100%;height:100%;object-fit:contain;border-radius:4px;box-shadow:0 10px 30px #00000080}.image-lightbox-close{position:fixed;top:1rem;right:1rem;background:#fff;border:none;border-radius:999px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;line-height:1;cursor:pointer;box-shadow:0 4px 12px #0006}.image-lightbox-close:hover{background:#f0f0f0}@media(max-width:768px){.edit-package-images{width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding-left:0;padding-right:0}.edit-package-images .images-section{width:100%;margin-left:0;margin-right:0;padding:0}.edit-package-images .images-grid{grid-template-columns:1fr;gap:1rem;width:100%;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.edit-package-images .image-item{width:100%;max-width:100vw;aspect-ratio:auto;min-height:60vh;height:auto;border-radius:0;border-left:none;border-right:none;display:flex;align-items:center;justify-content:center}.edit-package-images .package-image{width:100%;height:auto;max-height:80vh;object-fit:contain}.images-grid:not(.edit-package-images .images-grid){grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}}@media(max-width:480px){.edit-package-images .image-item{min-height:50vh}.edit-package-images .package-image{max-height:70vh}.images-grid:not(.edit-package-images .images-grid){grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}}.login-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:2rem 1rem}.login-card{width:100%;max-width:400px;background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000001a}.login-card h2{margin-bottom:.5rem;color:#2c3e50;font-size:1.75rem}.login-subtitle{color:#7f8c8d;margin-bottom:2rem;font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-register-link{text-align:center;margin-top:.5rem;font-size:.9rem;color:#7f8c8d}.login-register-link a{color:#413b9d;text-decoration:none}.login-register-link a:hover{text-decoration:underline}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#2c3e50;font-size:.95rem}.form-group input,.form-group select{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#413b9d;box-shadow:0 0 0 3px #413b9d1a}.form-group input:disabled,.form-group select:disabled{background:#f5f5f5;cursor:not-allowed}.form-hint{font-size:.85rem;color:#7f8c8d;margin-top:.25rem}.field-error{color:#e74c3c;font-size:.875rem;margin-top:.25rem;display:block}.input-error{border-color:#e74c3c!important}.input-error:focus{border-color:#e74c3c!important;box-shadow:0 0 0 3px #e74c3c1a!important}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#413b9d}.btn{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:#413b9d;color:#fff}.btn-primary:hover:not(:disabled){background:#35317d}.btn-primary:disabled{background:#bdc3c7;color:#fff;cursor:not-allowed}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover:not(:disabled){background:#7f8c8d}.btn-danger{background:#e74c3c;color:#fff}.btn-danger:hover:not(:disabled){background:#c0392b}.btn-sm{padding:.5rem 1rem;font-size:.9rem;min-height:36px}.btn-block{width:100%}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.nav-actions{display:flex;align-items:center;gap:1rem;margin-left:auto}.nav-user-info{display:flex;align-items:center;gap:.75rem}.nav-username{font-size:.9rem;color:#ffffffe6}.nav-role-badge{background:#fff3;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.nav-logout-button{background:#e74c3ccc;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background .2s;min-height:44px;display:flex;align-items:center;justify-content:center;gap:.5rem}.nav-logout-button:hover{background:#e74c3c}.nav-logout-icon{width:18px;height:18px;flex-shrink:0}.nav-logout-text{display:inline}.unauthorized-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:2rem 1rem}.unauthorized-card{text-align:center;max-width:500px;padding:2rem}.unauthorized-card h2{color:#e74c3c;margin-bottom:1rem;font-size:2rem}.unauthorized-subtitle{color:#7f8c8d;margin-top:1rem;margin-bottom:2rem}.dashboard-stats-page{width:100%;padding-bottom:2rem}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{margin-bottom:.25rem}.dashboard-subtitle{color:#6b7280;font-size:1rem;margin:0}.dashboard-section{margin-bottom:2.5rem}.dashboard-section-title{font-size:1.25rem;font-weight:600;color:#413b9d;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.dashboard-grid{display:grid;gap:1rem}.dashboard-grid-overview{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.dashboard-grid-trends{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.dashboard-grid-users,.dashboard-grid-clients{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.dashboard-grid-packages{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.dashboard-grid-products{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.dashboard-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #0000000d;transition:all .2s}.dashboard-stat-card:hover{border-color:#413b9d;box-shadow:0 4px 12px #413b9d1f}.dashboard-stat-card-wide{grid-column:1 / -1;max-width:280px}.dashboard-stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.dashboard-stat-title{font-size:.85rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.dashboard-stat-icon{font-size:1.25rem;opacity:.8}.dashboard-stat-value{font-size:1.75rem;font-weight:700;color:#111827}.dashboard-stat-footer{margin-top:.5rem;font-size:.85rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.dashboard-stat-subtitle{color:#6b7280}.dashboard-stat-trend{font-weight:600}.dashboard-stat-trend.trend-up{color:#059669}.dashboard-stat-trend.trend-down{color:#dc2626}.dashboard-trend-card{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem;transition:all .2s}.dashboard-trend-card:hover{border-color:#413b9d;box-shadow:0 4px 12px #413b9d1a}.dashboard-trend-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dashboard-trend-title{font-weight:600;color:#374151}.dashboard-trend-badge{font-size:.9rem;font-weight:700;padding:.25rem .6rem;border-radius:999px}.dashboard-trend-badge.trend-up{background:#d1fae5;color:#059669}.dashboard-trend-badge.trend-down{background:#fee2e2;color:#dc2626}.dashboard-trend-values{display:flex;flex-direction:column;gap:.5rem}.dashboard-trend-row{display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.dashboard-trend-row span{color:#6b7280}.dashboard-trend-row strong{color:#111827}.dashboard-breakdown{margin-top:1.25rem;padding:1.25rem;background:#f9fafb;border-radius:10px;border:1px solid #e5e7eb}.dashboard-breakdown-title{font-size:.95rem;font-weight:600;color:#374151;margin-bottom:.75rem}.dashboard-label-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.dashboard-label-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb;font-size:.9rem}.dashboard-label-name{color:#374151;font-weight:500}.dashboard-label-count{font-weight:700;color:#413b9d}.dashboard-empty-label{color:#9ca3af;font-size:.9rem;margin:0}.dashboard-packages-meta{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1.25rem}.dashboard-meta-item{display:flex;flex-direction:column;gap:.25rem}.dashboard-meta-label{font-size:.8rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.dashboard-meta-value{font-size:1.1rem;font-weight:600;color:#111827}@media(max-width:768px){.dashboard-grid-overview{grid-template-columns:repeat(2,1fr)}.dashboard-stat-value{font-size:1.5rem}.dashboard-label-list{grid-template-columns:1fr}}@media(max-width:480px){.dashboard-grid-overview,.dashboard-grid-trends{grid-template-columns:1fr}.dashboard-grid-users,.dashboard-grid-clients,.dashboard-grid-packages{grid-template-columns:repeat(2,1fr)}.dashboard-stat-card{padding:1rem}.dashboard-stat-value{font-size:1.35rem}.dashboard-packages-meta{flex-direction:column;gap:1rem}}.users-list-container{width:100%}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-header h2{margin:0;color:#2c3e50}.role-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600;text-transform:uppercase}.role-admin{background:#e8f5e9;color:#2e7d32}.role-warehouse_oranienburg{background:#e3f2fd;color:#1565c0}.role-office{background:#fff3e0;color:#e65100}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600}.status-active{background:#c8e6c9;color:#2e7d32}.status-inactive{background:#ffcdd2;color:#c62828}.action-buttons{display:flex;gap:.5rem;align-items:center;justify-content:center;flex-wrap:wrap}.packages-table .action-buttons{justify-content:center}.packages-table td:last-child{text-align:center;padding:.5rem;min-width:140px}.client-source-badge{display:inline-block;padding:.2rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;white-space:nowrap}.client-source-self{background:#e0e7ff;color:#3730a3}.client-source-staff{background:#f3f4f6;color:#6b7280}.empty-state{text-align:center;padding:3rem;color:#7f8c8d;font-size:1.1rem}.user-form-container{max-width:600px;margin:0 auto}.form-intro{color:#7f8c8d;margin-bottom:1.5rem;font-size:.95rem}.user-form{display:flex;flex-direction:column;gap:1.5rem}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}@media(max-width:768px){.nav-actions{flex-direction:row;gap:.5rem;flex-wrap:wrap;align-items:center}.nav-user-info{flex-direction:row;gap:.5rem;align-items:center;flex-wrap:wrap}.nav-username{font-size:.85rem;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-role-badge{display:none}.nav-back-button{padding:.5rem;min-height:36px;min-width:36px}.nav-back-text{display:none}.nav-back-icon{width:20px;height:20px}.nav-logout-button{padding:.5rem;min-height:36px;min-width:36px}.nav-logout-text{display:none}.nav-logout-icon{width:20px;height:20px}.nav-home-button{padding:.4rem .75rem;font-size:.85rem;min-height:36px}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.action-buttons{flex-direction:column;gap:.25rem}.action-buttons .btn{width:100%;min-width:auto}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}