.page[data-v-ac24b608]{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);min-height:100vh}.directory-section[data-v-ac24b608]{min-height:100vh;padding:8rem 2rem 4rem}.container[data-v-ac24b608]{margin:0 auto;max-width:1200px}.breadcrumb[data-v-ac24b608]{align-items:center;display:flex;flex-wrap:wrap;font-size:.875rem;gap:.5rem;margin-bottom:2rem}.breadcrumb a[data-v-ac24b608]{color:#3b82f6;text-decoration:none}.breadcrumb a[data-v-ac24b608]:hover{text-decoration:underline}.breadcrumb .separator[data-v-ac24b608]{color:#94a3b8}.breadcrumb .current[data-v-ac24b608]{color:#64748b;font-weight:600}.page-header[data-v-ac24b608]{margin-bottom:2rem}.header-info[data-v-ac24b608]{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem}.prefix-badge[data-v-ac24b608]{background:#3b82f61a;border-radius:.375rem;color:#3b82f6;display:inline-block;font-family:Courier New,monospace;font-size:1rem;font-weight:700;padding:.25rem .75rem}.page-header h1[data-v-ac24b608]{color:#1e293b;font-size:1.75rem;font-weight:700}.header-desc[data-v-ac24b608]{color:#64748b}.containers-grid[data-v-ac24b608]{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.container-card[data-v-ac24b608]{background:#fff;border:1px solid rgba(59,130,246,.1);border-radius:.75rem;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;text-decoration:none;transition:all .3s ease}.container-card[data-v-ac24b608]:hover{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f626;transform:translateY(-2px)}.container-number[data-v-ac24b608]{color:#1e293b;font-family:Courier New,monospace;font-size:1.25rem;font-weight:600}.container-meta[data-v-ac24b608]{align-items:center;display:flex;gap:.75rem}.type-badge[data-v-ac24b608]{background:#10b9811a;border-radius:.25rem;color:#10b981;font-size:.75rem;font-weight:500;padding:.125rem .5rem;text-transform:capitalize}.search-count[data-v-ac24b608]{color:#94a3b8;font-size:.75rem}.pagination[data-v-ac24b608]{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding:1.5rem 0}.page-btn[data-v-ac24b608]{background:#fff;border:1px solid rgba(59,130,246,.2);border-radius:.5rem;color:#3b82f6;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.page-btn[data-v-ac24b608]:hover:not(:disabled){background:#3b82f61a;border-color:#3b82f6}.page-btn[data-v-ac24b608]:disabled{cursor:not-allowed;opacity:.5}.page-info[data-v-ac24b608]{color:#64748b;font-size:.875rem}.empty-state[data-v-ac24b608],.error-state[data-v-ac24b608],.loading-state[data-v-ac24b608]{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.spinner[data-v-ac24b608]{animation:spin-ac24b608 .8s linear infinite;border:3px solid rgba(59,130,246,.2);border-radius:50%;border-top-color:#3b82f6;height:3rem;width:3rem}.error-state[data-v-ac24b608]{background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:1rem}.error-state svg[data-v-ac24b608]{color:#dc2626;height:3rem;width:3rem}.back-link[data-v-ac24b608]{color:#3b82f6;font-weight:500;margin-top:1rem;text-decoration:none}.back-link[data-v-ac24b608]:hover{text-decoration:underline}.empty-state[data-v-ac24b608]{background:#fff;border:2px dashed rgba(59,130,246,.2);border-radius:1rem}.empty-icon[data-v-ac24b608]{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:50%;display:flex;height:5rem;justify-content:center;width:5rem}.empty-icon svg[data-v-ac24b608]{color:#3b82f6;height:2.5rem;width:2.5rem}.empty-state h3[data-v-ac24b608]{color:#1e293b;font-size:1.5rem;font-weight:700}.empty-state p[data-v-ac24b608]{color:#64748b}.track-section[data-v-ac24b608]{margin-bottom:2rem}.track-section-title[data-v-ac24b608]{color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.search-box[data-v-ac24b608]{background:#fff;border:1px solid rgba(59,130,246,.1);border-radius:1rem;box-shadow:0 4px 20px #00000014;padding:1rem}.search-main-row[data-v-ac24b608]{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.type-toggle-compact[data-v-ac24b608]{background:#f1f5f9;border-radius:.5rem;display:flex;flex-shrink:0;padding:.25rem}.type-btn[data-v-ac24b608]{background:transparent;border:none;border-radius:.375rem;color:#64748b;cursor:pointer;font-size:.8125rem;font-weight:500;padding:.5rem .875rem;transition:all .2s ease}.type-btn.active[data-v-ac24b608]{background:#fff;box-shadow:0 1px 3px #0000001a;color:#3b82f6}.main-search-field[data-v-ac24b608]{flex:1;min-width:200px}.main-search-input[data-v-ac24b608]{border:1px solid #e2e8f0;border-radius:.5rem;color:#111827;font-size:.9375rem;outline:none;padding:.75rem 1rem;transition:all .2s ease;width:100%}.main-search-input[data-v-ac24b608]::-moz-placeholder{color:#9ca3af;opacity:1}.main-search-input[data-v-ac24b608]::placeholder{color:#9ca3af;opacity:1}.main-search-input[data-v-ac24b608]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.main-search-field.has-error .main-search-input[data-v-ac24b608]{border-color:#fbbf24}.shipping-line-selector-btn[data-v-ac24b608]{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:.875rem;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.shipping-line-selector-btn[data-v-ac24b608]:hover{background:#fff;border-color:#3b82f6}.shipping-line-selector-btn.has-error[data-v-ac24b608]{border-color:#fbbf24}.shipping-line-text[data-v-ac24b608]{font-weight:500}.clear-shipping-line-btn[data-v-ac24b608]{align-items:center;background:transparent;border:none;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:.125rem;transition:color .2s ease}.clear-shipping-line-btn[data-v-ac24b608]:hover{color:#ef4444}.chevron-icon[data-v-ac24b608],.clear-shipping-line-btn svg[data-v-ac24b608]{height:1rem;width:1rem}.track-btn-search[data-v-ac24b608]{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:.5rem;box-shadow:0 4px 12px #3b82f640;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.track-btn-search[data-v-ac24b608]:hover:not(:disabled){box-shadow:0 6px 16px #3b82f659;transform:translateY(-1px)}.track-btn-search[data-v-ac24b608]:disabled{cursor:not-allowed;opacity:.7}.track-btn-search svg[data-v-ac24b608]{height:1rem;width:1rem}.loading-spinner[data-v-ac24b608]{animation:spin-ac24b608 1s linear infinite}@keyframes spin-ac24b608{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.search-error-slot[data-v-ac24b608]{display:flex;flex-direction:column;min-height:48px}.search-error-message[data-v-ac24b608]{background:#fbbf241a;border-left:3px solid #fbbf24;border-radius:.25rem;color:#fbbf24;font-size:.875rem;font-weight:500;margin-top:.75rem;padding:.5rem .75rem}@media (max-width:768px){.page-header h1[data-v-ac24b608]{font-size:1.25rem}.containers-grid[data-v-ac24b608]{grid-template-columns:1fr}.search-main-row[data-v-ac24b608]{align-items:stretch;flex-direction:column}.type-toggle-compact[data-v-ac24b608]{justify-content:center}.main-search-field[data-v-ac24b608]{min-width:auto}.track-btn-search[data-v-ac24b608]{justify-content:center;width:100%}}.shipping-line-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9999}.shipping-line-modal-content{background:#fff;border-radius:1rem;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;max-height:80vh;max-width:480px;width:100%}.shipping-line-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem 1.25rem}.shipping-line-modal-header h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:#f1f5f9;border:none;border-radius:.5rem;color:#64748b;cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.modal-close-btn:hover{background:#e2e8f0;color:#1e293b}.modal-close-btn svg{height:1.125rem;width:1.125rem}.shipping-line-modal-search{border-bottom:1px solid #e2e8f0;padding:1rem 1.25rem}.modal-search-input{border:1px solid #e2e8f0;border-radius:.5rem;font-size:.9375rem;outline:none;padding:.75rem 1rem;transition:all .2s ease;width:100%}.modal-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.shipping-line-modal-list{flex:1;overflow-y:auto;padding:.5rem}.shipping-line-modal-item{align-items:center;border-radius:.5rem;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:all .2s ease}.shipping-line-modal-item:hover{background:#f8fafc}.shipping-line-modal-item.selected{background:#3b82f61a}.shipping-line-name{color:#1e293b;font-size:.9375rem}.shipping-line-item-content{align-items:center;display:flex;gap:.5rem}.sl-this-page-badge{background:#dbeafe;border-radius:999px;color:#1d4ed8;font-size:.65rem;font-weight:700;letter-spacing:.02em;padding:.1rem .4rem;text-transform:uppercase}.shipping-line-check-icon{color:#3b82f6;height:1.25rem;width:1.25rem}.shipping-line-modal-empty{align-items:center;color:#64748b;display:flex;font-size:.9375rem;gap:.5rem;justify-content:center;padding:2rem}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .2s ease}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}.modal-fade-enter-active .shipping-line-modal-content,.modal-fade-leave-active .shipping-line-modal-content{transition:transform .2s ease}.modal-fade-enter-from .shipping-line-modal-content,.modal-fade-leave-to .shipping-line-modal-content{transform:scale(.95)}
