.layout{min-height:100vh;background:hsl(var(--background));display:flex;flex-direction:column}.navbar{background:hsl(var(--card));border-bottom:1px solid hsl(var(--border));padding:.75rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:100;flex-wrap:wrap}.navbar-brand{font-size:1.6rem;font-weight:700;color:hsl(var(--primary))}.navbar-brand a{text-decoration:none;color:hsl(var(--primary));transition:opacity .2s}.navbar-brand a:hover{opacity:.8}.brand-link{display:flex;align-items:center;gap:.75rem}.brand-logo{height:40px;width:auto;-o-object-fit:contain;object-fit:contain;border-radius:.25rem}.brand-icon{width:40px;height:40px;background:hsl(var(--primary) / .1);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:hsl(var(--primary))}.navbar-menu{display:flex;gap:.25rem;flex:1;justify-content:center;flex-wrap:nowrap}.navbar-menu a{color:hsl(var(--foreground));text-decoration:none;font-weight:500;font-size:.875rem;padding:.4rem .6rem;border-radius:.5rem;transition:all .2s;position:relative;white-space:nowrap}.navbar-menu a:hover,.navbar-menu a.active{color:hsl(var(--primary));background:hsl(var(--primary) / .1)}.navbar-hamburger{display:none;background:none;border:1px solid hsl(var(--border));border-radius:.5rem;padding:.4rem .5rem;cursor:pointer;color:hsl(var(--foreground));align-items:center;justify-content:center;line-height:0;transition:background .2s}.navbar-hamburger:hover{background:hsl(var(--primary) / .08)}.navbar-right{display:flex;align-items:center;gap:.75rem}.navbar-mobile-menu{width:100%;order:10;border-top:1px solid hsl(var(--border));padding:.75rem 0 .25rem;display:flex;flex-direction:column;gap:.5rem}.navbar-mobile-links{display:flex;flex-direction:column;gap:.125rem}.navbar-mobile-links a{color:hsl(var(--foreground));text-decoration:none;font-weight:500;font-size:.95rem;padding:.6rem .75rem;border-radius:.5rem;transition:all .2s;position:relative}.navbar-mobile-links a:hover,.navbar-mobile-links a.active{color:hsl(var(--primary));background:hsl(var(--primary) / .1)}.navbar-mobile-user{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;border-top:1px solid hsl(var(--border));margin-top:.25rem}.navbar-mobile-user span{font-size:.9rem;font-weight:500;color:hsl(var(--foreground))}.navbar-mobile-user button{padding:.4rem 1rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:.5rem;font-weight:500;cursor:pointer;font-size:.9rem;transition:background .2s}.navbar-mobile-user button:hover{background:hsl(var(--primary) / .9)}.notification-link{position:relative}.notification-badge{position:absolute;top:-4px;right:-4px;background:hsl(var(--status-failed));color:#fff;border-radius:10px;padding:2px 6px;font-size:.75rem;font-weight:600;min-width:18px;text-align:center;line-height:1.4}.navbar-user{display:flex;align-items:center;gap:1rem}.navbar-user span{color:hsl(var(--foreground));font-weight:500;font-size:.95rem}.navbar-user button{padding:.5rem 1.25rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.95rem;box-shadow:0 2px 4px #0000001a}.navbar-user button:hover{background:hsl(var(--primary) / .9);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.navbar-user button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.main-content{flex:1;padding:2rem;max-width:100%;overflow-x:hidden}.portal-footer{border-top:1px solid hsl(var(--border));padding:.875rem 2rem;display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:hsl(var(--muted-foreground));background:hsl(var(--card))}.powered-by{font-size:.72rem;color:hsl(var(--muted-foreground) / .7)}.powered-by strong{color:hsl(var(--primary));font-weight:600}@media (max-width: 1200px){.navbar-menu a{font-size:.8rem;padding:.35rem .45rem}}@media (max-width: 1060px){.navbar-menu-desktop,.navbar-user-desktop{display:none}.navbar-hamburger{display:flex}}@media (max-width: 600px){.navbar{padding:.75rem 1rem}.main-content{padding:1rem}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,hsl(var(--background)),#e3f0f2);padding:1rem}.login-card{background:hsl(var(--card));padding:2.5rem;border-radius:.75rem;box-shadow:0 2px 8px #00d9c01a;width:100%;max-width:400px;border:1px solid hsl(var(--border))}.login-card:hover{box-shadow:0 8px 16px #00d9c026;transition:box-shadow .3s ease}.login-card h1{margin:0 0 .5rem;color:hsl(var(--primary));text-align:center;font-size:2rem;font-weight:700}.login-card h2{margin:0 0 2rem;color:hsl(var(--muted-foreground));font-size:1rem;font-weight:400;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:hsl(var(--foreground));font-weight:500;font-size:.875rem}.form-group input{width:100%;padding:.75rem;border:1px solid hsl(var(--input));border-radius:.5rem;font-size:1rem;box-sizing:border-box;background:hsl(var(--background));color:hsl(var(--foreground));transition:all .2s ease}.form-group input:focus{outline:none;border-color:hsl(var(--ring));box-shadow:0 0 0 3px hsl(var(--ring) / .1)}.form-group input:disabled{opacity:.6;cursor:not-allowed;background:hsl(var(--muted))}.error-message{background-color:hsl(var(--error-bg));color:hsl(var(--error));padding:.75rem;border-radius:.5rem;margin-bottom:1rem;font-size:.9rem;border:1px solid hsl(var(--error) / .2)}.login-card button[type=submit]{width:100%;padding:.75rem;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #00d9c033}.login-card button[type=submit]:hover:not(:disabled){background-color:#00c2ae;box-shadow:0 4px 8px #00d9c04d;transform:translateY(-1px)}.login-card button[type=submit]:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #00d9c033}.login-card button[type=submit]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.login-card button[type=submit]:disabled:after{content:"";display:inline-block;width:12px;height:12px;margin-left:8px;border:2px solid hsl(var(--primary-foreground));border-top-color:transparent;border-radius:50%;animation:login-spin .6s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}.form-description{color:hsl(var(--muted-foreground));font-size:.875rem;margin-bottom:1.5rem;text-align:center}.success-message{background-color:hsl(var(--success-bg));color:hsl(var(--success));padding:.75rem;border-radius:.5rem;margin-bottom:1rem;font-size:.9rem;border:1px solid hsl(var(--success) / .2);text-align:center}.back-link{display:block;text-align:center;margin-top:1.5rem;color:hsl(var(--primary));text-decoration:none;font-size:.875rem;font-weight:500}.back-link:hover{text-decoration:underline}.btn-text{width:100%;background:none;border:none;color:hsl(var(--muted-foreground));font-size:.875rem;padding:.75rem;cursor:pointer;margin-top:.5rem}.btn-text:hover{color:hsl(var(--primary))}.success-state{text-align:center;padding:1rem 0}.success-icon{width:4rem;height:4rem;background:hsl(var(--success-bg));color:hsl(var(--success));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 1.5rem}.success-state h3{color:hsl(var(--foreground));margin:0 0 .5rem;font-size:1.25rem}.success-state p{color:hsl(var(--muted-foreground));margin:0 0 1.5rem;font-size:.875rem}.forgot-link{display:block;text-align:center;margin-top:1rem;color:hsl(var(--primary));text-decoration:none;font-size:.875rem}.forgot-link:hover{text-decoration:underline}.dashboard-container{background:hsl(var(--background));padding:2rem}@media (max-width: 768px){.dashboard-container{padding:1rem}}.dashboard-loading{display:flex;align-items:center;justify-content:center;min-height:60vh}.dashboard-spinner{text-align:center}.dashboard-spinner p{margin-top:1rem;color:hsl(var(--muted-foreground));font-size:.875rem}.spinner-ring{width:48px;height:48px;border:4px solid hsl(var(--muted));border-top-color:hsl(var(--primary));border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.dashboard-title{font-size:2rem;font-weight:700;color:hsl(var(--foreground));margin:0 0 .5rem;line-height:1.2}.dashboard-subtitle{font-size:1rem;color:hsl(var(--muted-foreground));margin:0}.dashboard-header-actions{display:flex;gap:.75rem}.btn-icon{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:500;border-radius:.5rem;transition:all .2s ease}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}@media (max-width: 640px){.dashboard-stats-grid{grid-template-columns:1fr}}.stat-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:1.5rem;transition:all .2s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:hsl(var(--primary) / .18);transition:background .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000012}.stat-card:hover:before{background:hsl(var(--primary) / .45)}.stat-card-primary:before,.stat-card-warning:before,.stat-card-info:before,.stat-card-success:before,.stat-card-danger:before{background:hsl(var(--primary) / .25)}.stat-card-content{display:flex;align-items:flex-start;gap:1rem}.stat-card-icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-icon svg{width:1.5rem;height:1.5rem}.stat-icon-primary,.stat-icon-warning,.stat-icon-info,.stat-icon-success,.stat-icon-danger{background:hsl(var(--primary) / .08);color:hsl(var(--primary))}.stat-card-info{flex:1;min-width:0}.stat-card-label{font-size:.875rem;color:hsl(var(--muted-foreground));margin:0 0 .5rem;font-weight:500}.stat-card-value{font-size:2rem;font-weight:700;color:hsl(var(--foreground));margin:0 0 .25rem;line-height:1}.stat-card-change{font-size:.75rem;display:inline-flex;align-items:center;gap:.25rem;font-weight:500;margin-top:.25rem}.stat-card-change.positive{color:hsl(var(--status-delivered) / .85)}.stat-card-change.negative{color:hsl(var(--status-failed) / .85)}.stat-card-change.urgent{color:hsl(var(--status-pending) / .9)}.stat-card-change.neutral{color:hsl(var(--muted-foreground))}.dashboard-main-grid{display:grid;grid-template-columns:1fr;gap:2rem}.dashboard-section{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:1.5rem}.dashboard-section-full{padding:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid hsl(var(--border))}.dashboard-section-full .section-header{padding:1.5rem 1.5rem 1rem;margin-bottom:0}.section-link{display:inline-flex;align-items:center;gap:.5rem;color:hsl(var(--primary));font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s ease}.section-link:hover{color:hsl(var(--primary) / .8);text-decoration:underline}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}@media (max-width: 640px){.quick-actions-grid{grid-template-columns:1fr}}.quick-action-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;border:1px solid hsl(var(--border));border-radius:.75rem;background:hsl(var(--card));text-decoration:none;transition:all .2s ease;position:relative}.quick-action-card:hover{border-color:hsl(var(--primary));box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.quick-action-icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-action-icon svg{width:1.5rem;height:1.5rem}.quick-action-primary{background:hsl(var(--primary) / .1);color:hsl(var(--primary))}.quick-action-secondary{background:hsl(var(--secondary) / .1);color:hsl(var(--secondary-foreground))}.quick-action-accent{background:hsl(var(--accent) / .1);color:hsl(var(--accent-foreground))}.quick-action-info{background:hsl(var(--status-in-transit) / .1);color:hsl(var(--status-in-transit))}.quick-action-content{flex:1;min-width:0}.quick-action-title{font-size:1rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 .25rem}.quick-action-description{font-size:.875rem;color:hsl(var(--muted-foreground));margin:0}.quick-action-arrow{width:1.25rem;height:1.25rem;color:hsl(var(--muted-foreground));flex-shrink:0;transition:transform .2s ease}.quick-action-card:hover .quick-action-arrow{transform:translate(4px);color:hsl(var(--primary))}.recent-orders-table-wrapper{overflow-x:auto}.recent-orders-table{width:100%;border-collapse:collapse}.recent-orders-table thead{background:hsl(var(--muted) / .5)}.recent-orders-table th{padding:1rem 1.5rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--muted-foreground));border-bottom:1px solid hsl(var(--border))}.recent-orders-table tbody tr{border-bottom:1px solid hsl(var(--border));transition:background-color .15s ease}.recent-orders-table tbody tr:hover{background:hsl(var(--muted) / .3)}.recent-orders-table td{padding:1rem 1.5rem;font-size:.875rem}.recipient-info{display:flex;flex-direction:column;gap:.25rem}.address-info{display:flex;flex-direction:column;gap:.25rem}.address-line{color:hsl(var(--foreground))}.tracking-number{font-family:ui-monospace,monospace;font-size:.8125rem;color:hsl(var(--primary));font-weight:500}.order-date{color:hsl(var(--muted-foreground));white-space:nowrap}.action-link{color:hsl(var(--primary));font-weight:500;text-decoration:none;transition:color .2s ease}.action-link:hover{color:hsl(var(--primary) / .8);text-decoration:underline}.orders-list-container{background:hsl(var(--background));padding:2rem}@media (max-width: 768px){.orders-list-container{padding:1rem}}.orders-list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.orders-list-loading p{color:hsl(var(--muted-foreground));font-size:.875rem}.orders-list-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;text-align:center}.orders-list-error h3{color:hsl(var(--foreground));font-size:1.25rem;font-weight:600;margin:0}.orders-list-error p{color:hsl(var(--muted-foreground));margin:0}.orders-list-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-actions{display:flex;gap:.75rem;align-items:center}.header-actions .btn-secondary,.header-actions .btn-primary{min-width:140px;justify-content:center;white-space:nowrap;padding:.625rem 1.5rem}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:500;border-radius:.5rem;text-decoration:none;transition:all .2s ease;font-size:.875rem;border:none;cursor:pointer}.btn-secondary:hover{background:hsl(var(--secondary) / .8);border-color:hsl(var(--primary))}.btn-freight{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:600;border-radius:.5rem;text-decoration:none;transition:all .2s ease;font-size:.875rem;cursor:pointer;background:#111827;color:#fff;border:1px solid #111827;white-space:nowrap}.btn-freight:hover{background:#374151;border-color:#374151;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.btn-freight-outline{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:600;border-radius:.5rem;text-decoration:none;transition:all .2s ease;font-size:.875rem;cursor:pointer;background:#fff;color:#111827;border:1.5px solid #111827;white-space:nowrap}.btn-freight-outline:hover{background:#111827;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.btn-clear-filters{padding:.5rem 1rem;background:transparent;color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border));border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.875rem;margin-top:1.5rem}.btn-clear-filters:hover{background:hsl(var(--muted));color:hsl(var(--foreground));border-color:hsl(var(--muted-foreground))}.orders-filters{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:1.5rem;margin-bottom:2rem}.filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:end}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.875rem;font-weight:500;color:hsl(var(--foreground))}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.75rem;width:1.25rem;height:1.25rem;color:hsl(var(--muted-foreground));pointer-events:none}.search-input,.filter-select,.filter-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:1px solid hsl(var(--border));border-radius:.5rem;font-size:.875rem;background:hsl(var(--background));color:hsl(var(--foreground));transition:all .2s ease}.search-input:focus,.filter-select:focus,.filter-input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .1)}.filter-select,.filter-input{padding-left:.75rem}.filter-select{cursor:pointer}.orders-table-wrapper{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;overflow:hidden}.orders-table{width:100%;border-collapse:collapse}.orders-table thead{background:hsl(var(--muted) / .5)}.orders-table th{padding:1rem 1.5rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--muted-foreground));border-bottom:1px solid hsl(var(--border))}.orders-table th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;transition:color .2s ease}.orders-table th.sortable:hover{color:hsl(var(--primary))}.sort-indicator{margin-left:.5rem;color:hsl(var(--primary));font-size:.875rem}.orders-table tbody tr{border-bottom:1px solid hsl(var(--border));transition:background-color .15s ease}.orders-table tbody tr:hover{background:hsl(var(--muted) / .3)}.orders-table tbody tr:last-child{border-bottom:none}.orders-table td{padding:1rem 1.5rem;font-size:.875rem}.order-number{font-weight:600;color:hsl(var(--foreground));font-family:ui-monospace,monospace}.recipient-cell{display:flex;flex-direction:column;gap:.25rem}.recipient-name{font-weight:500;color:hsl(var(--foreground))}.recipient-phone{font-size:.75rem;color:hsl(var(--muted-foreground))}.address-cell{display:flex;flex-direction:column;gap:.25rem;max-width:200px}.address-line{color:hsl(var(--foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.address-city{font-size:.75rem;color:hsl(var(--muted-foreground))}.tracking-link{font-family:ui-monospace,monospace;font-size:.8125rem;color:hsl(var(--primary));font-weight:500;text-decoration:none;transition:color .2s ease}.tracking-link:hover{color:hsl(var(--primary) / .8);text-decoration:underline}.date-text{color:hsl(var(--muted-foreground));white-space:nowrap}.text-muted{color:hsl(var(--muted-foreground));font-style:italic}.badge-status{display:inline-block;padding:.375rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600;text-transform:capitalize;white-space:nowrap}.priority-badge{display:inline-block;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;white-space:nowrap}.action-buttons{display:flex;gap:.75rem;align-items:center}.action-link{font-weight:500;text-decoration:none;font-size:.875rem;transition:all .2s ease;cursor:pointer;background:none;border:none;padding:0}.action-view{color:hsl(var(--primary))}.action-view:hover{color:hsl(var(--primary) / .8);text-decoration:underline}.action-cancel{color:hsl(var(--status-failed))}.action-cancel:hover:not(:disabled){color:hsl(var(--status-failed) / .8);text-decoration:underline}.action-cancel:disabled{opacity:.5;cursor:not-allowed}.pagination{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-top:1px solid hsl(var(--border));background:hsl(var(--muted) / .3)}.pagination-btn{padding:.5rem 1rem;background:hsl(var(--card));color:hsl(var(--foreground));border:1px solid hsl(var(--border));border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.875rem}.pagination-btn:hover:not(:disabled){background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:.875rem;color:hsl(var(--muted-foreground));font-weight:500}.empty-state-large{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state-icon-large{width:5rem;height:5rem;border-radius:1rem;background:hsl(var(--muted));display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:hsl(var(--muted-foreground))}.empty-state-icon-large svg{width:2.5rem;height:2.5rem}.empty-state-title{font-size:1.25rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 .5rem}.empty-state-description{font-size:.875rem;color:hsl(var(--muted-foreground));margin:0 0 1.5rem;max-width:400px}@media (max-width: 1024px){.orders-table{font-size:.8125rem}.orders-table th,.orders-table td{padding:.75rem 1rem}.address-cell{max-width:150px}}@media (max-width: 768px){.filters-row{grid-template-columns:1fr}.orders-table-wrapper{overflow-x:auto}.orders-table{min-width:800px}.header-actions{width:100%}.btn-primary,.btn-secondary{flex:1;justify-content:center}}.selection-toolbar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-primary, #2563eb);color:#fff;border-radius:8px;margin-bottom:.75rem;flex-wrap:wrap}.selection-toolbar .selection-count{font-weight:600;font-size:.875rem;flex:1}.selection-toolbar .btn-primary{background:#fff;color:var(--color-primary, #2563eb);border:none;padding:.4rem 1rem;border-radius:6px;font-weight:600;font-size:.8125rem;cursor:pointer;display:flex;align-items:center;gap:.4rem;flex:unset}.selection-toolbar .btn-primary:hover{background:#f0f4ff}.selection-toolbar .btn-secondary{background:transparent;color:#ffffffd9;border:1px solid rgba(255,255,255,.4);padding:.4rem .875rem;border-radius:6px;font-size:.8125rem;cursor:pointer;flex:unset}.selection-toolbar .btn-secondary:hover{background:#ffffff1a}.orders-table tbody tr.row-selected{background:#eff6ff}.orders-table tbody tr.row-selected:hover{background:#dbeafe}.order-create-container{background:hsl(var(--background));padding:2rem;max-width:1200px;margin:0 auto}@media (max-width: 768px){.order-create-container{padding:1rem}}.order-create-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.order-create-form{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:2rem}@media (max-width: 768px){.order-create-form{padding:1.5rem}}.form-section{margin-bottom:2.5rem}.form-section:last-of-type{margin-bottom:0}.section-header .section-title{margin:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.form-group-full{grid-column:1 / -1}.required{color:hsl(var(--status-failed))}.form-group input,.form-group textarea,.form-group select{padding:.625rem .75rem;border:1px solid hsl(var(--border));border-radius:.5rem;font-size:.875rem;background:hsl(var(--background));color:hsl(var(--foreground));transition:all .2s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .1)}.form-group input.input-error,.form-group textarea.input-error,.form-group select.input-error{border-color:hsl(var(--status-failed))}.form-group input.input-error:focus,.form-group textarea.input-error:focus,.form-group select.input-error:focus{box-shadow:0 0 0 3px hsl(var(--status-failed) / .1)}.form-group textarea{resize:vertical;min-height:80px}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%232D3748' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.form-error-message{background:hsl(var(--status-failed) / .1);border:1px solid hsl(var(--status-failed));color:hsl(var(--status-failed));padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1.5rem;font-size:.875rem}.parcels-list{display:flex;flex-direction:column;gap:1.5rem}.parcel-item{background:hsl(var(--muted) / .3);border:1px solid hsl(var(--border));border-radius:.75rem;padding:1.5rem}.parcel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.parcel-header h3{font-size:1rem;font-weight:600;color:hsl(var(--foreground));margin:0}.btn-add-parcel,.btn-remove-parcel{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-add-parcel:hover{background:hsl(var(--primary) / .9);transform:translateY(-1px)}.btn-remove-parcel{background:hsl(var(--status-failed));color:#fff;padding:.375rem .75rem;font-size:.8125rem}.btn-remove-parcel:hover{background:hsl(var(--status-failed) / .9)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:2rem;border-top:1px solid hsl(var(--border));margin-top:2rem}@media (max-width: 640px){.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%;justify-content:center}}.dimensions-toggle{margin-top:.5rem}.btn-dimensions-toggle{background:none;border:none;color:hsl(var(--primary));cursor:pointer;font-size:.875rem;font-weight:500;padding:0;text-decoration:underline;text-underline-offset:2px;transition:opacity .15s;font-family:inherit}.btn-dimensions-toggle:hover{opacity:.75}.dimensions-section{margin-top:.75rem;padding:1rem;background:hsl(var(--muted) / .4);border-radius:.5rem;border:1px solid hsl(var(--border))}.dimensions-grid{grid-template-columns:repeat(4,1fr)!important}@media (max-width: 640px){.dimensions-grid{grid-template-columns:repeat(2,1fr)!important}}.volumetric-preview{margin-top:.75rem;padding:.75rem;background:hsl(var(--background));border-radius:.375rem;border:1px solid hsl(var(--border));font-size:.85rem}.vol-row{display:flex;justify-content:space-between;padding:.2rem 0;color:hsl(var(--muted-foreground))}.vol-chargeable{border-top:1px solid hsl(var(--border));margin-top:.25rem;padding-top:.4rem;color:hsl(var(--foreground));font-weight:500}.vol-hint{margin-top:.4rem;font-size:.72rem;color:hsl(var(--muted-foreground))}.form-success-message{background:#dcfce7;color:#15803d;border:1px solid #86efac;border-radius:.5rem;padding:.75rem 1rem;margin-bottom:1rem;font-size:.875rem}.waybill-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:1000;display:flex;flex-direction:column;align-items:center;padding:1.5rem;overflow-y:auto}.waybill-controls{display:flex;gap:.75rem;margin-bottom:1rem;align-self:flex-end}.waybill-btn-print{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer}.waybill-btn-print:hover{background:#1d4ed8}.waybill-btn-close{padding:.6rem 1.25rem;background:var(--card-bg, #1e293b);color:var(--text-primary, #f1f5f9);border:1px solid var(--border-color, #334155);border-radius:6px;font-size:.9rem;cursor:pointer}.waybill-document{background:#fff;color:#000;width:100%;max-width:794px;border-radius:8px;padding:2rem;font-family:Arial,sans-serif;box-shadow:0 4px 24px #0003}.waybill-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:3px solid #000;padding-bottom:1rem;margin-bottom:1rem}.waybill-company-name{font-size:1.4rem;font-weight:800;text-transform:uppercase;letter-spacing:1px}.waybill-company-sub{font-size:.75rem;color:#555;margin-top:2px}.waybill-priority-badge{color:#fff;padding:.3rem .9rem;border-radius:4px;font-size:.85rem;font-weight:700;letter-spacing:1px}.waybill-tracking-section{border:2px solid #000;border-radius:4px;padding:.75rem 1rem;margin-bottom:1rem;text-align:center}.waybill-label{font-size:.65rem;font-weight:700;letter-spacing:1.5px;color:#666;text-transform:uppercase;margin-bottom:.35rem}.barcode-visual{display:flex;flex-direction:column;align-items:center;gap:4px}.barcode-bars{display:flex;align-items:center;height:48px;gap:0}.bar{background:#000;height:100%}.bar-gap{background:transparent;height:100%}.barcode-text{font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;letter-spacing:3px}.waybill-from-to{display:grid;grid-template-columns:1fr 1px 2fr;gap:1rem;border:1px solid #ccc;border-radius:4px;padding:1rem;margin-bottom:1rem}.waybill-divider-v{background:#ccc;width:1px}.waybill-section-title{font-size:.65rem;font-weight:700;letter-spacing:1.5px;color:#666;text-transform:uppercase;margin-bottom:.4rem}.waybill-from-name{font-size:.9rem;font-weight:600;color:#333}.waybill-recipient-name{font-size:1.1rem;font-weight:700}.waybill-recipient-phone{font-size:.85rem;color:#444;margin-top:2px}.waybill-address-line{font-size:.85rem;color:#333;line-height:1.4}.waybill-meta-row{display:flex;gap:0;border:1px solid #ccc;border-radius:4px;margin-bottom:1rem;overflow:hidden}.waybill-meta-item{flex:1;padding:.6rem .75rem;border-right:1px solid #ccc}.waybill-meta-item:last-child{border-right:none}.waybill-meta-value{font-size:.9rem;font-weight:700;margin-top:2px}.waybill-parcels{margin-bottom:1rem}.waybill-parcels-table{width:100%;border-collapse:collapse;font-size:.8rem;margin-top:.4rem}.waybill-parcels-table th{background:#f0f0f0;padding:.4rem .5rem;text-align:left;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid #ddd}.waybill-parcels-table td{padding:.4rem .5rem;border:1px solid #ddd}.waybill-instructions{border:1px dashed #aaa;border-radius:4px;padding:.6rem .75rem;margin-bottom:1rem}.waybill-instructions-text{font-size:.85rem;color:#333;margin-top:4px}.waybill-signature-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1.5rem;margin-bottom:1rem}.waybill-sig-block{display:flex;flex-direction:column;gap:6px}.waybill-sig-line{border-bottom:1px solid #000;height:40px}.waybill-footer{border-top:1px solid #ccc;padding-top:.5rem;display:flex;justify-content:space-between;font-size:.7rem;color:#888}.waybill-document,.waybill-document *,.bar,.waybill-priority-badge,.waybill-parcels-table th{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}@media print{body *{visibility:hidden}.waybill-document,.waybill-document *{visibility:visible}.waybill-document{position:fixed;top:0;left:0;width:100%;max-width:100%;margin:0;padding:1.5cm;box-shadow:none;border-radius:0}.bar{background:#000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.waybill-priority-badge,.waybill-parcels-table th{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.no-print,.waybill-overlay>.no-print{display:none!important}}.order-detail-container{background:hsl(var(--background));padding:2rem}@media (max-width: 768px){.order-detail-container{padding:1rem}}.success-message{background:hsl(var(--status-delivered) / .1);border:1px solid hsl(var(--status-delivered));color:hsl(var(--status-delivered));padding:1rem 1.5rem;border-radius:.5rem;margin-bottom:2rem;font-weight:500}.order-detail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.order-detail-loading p{color:hsl(var(--muted-foreground));font-size:.875rem}.order-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;text-align:center}.error-icon{font-size:3rem}.order-detail-error h3{color:hsl(var(--foreground));font-size:1.25rem;font-weight:600;margin:0}.order-detail-error p{color:hsl(var(--muted-foreground));margin:0 0 1rem}.order-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-actions{display:flex;gap:.75rem}.btn-danger{padding:.625rem 1.25rem;background:hsl(var(--status-failed));color:#fff;border:none;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-danger:hover:not(:disabled){background:hsl(var(--status-failed) / .9);transform:translateY(-1px)}.order-status-section{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.status-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:1.5rem;flex:1;min-width:200px}.status-label{font-size:.875rem;color:hsl(var(--muted-foreground));margin-bottom:.5rem;font-weight:500}.tracking-number-link{font-family:ui-monospace,monospace;font-size:1rem;color:hsl(var(--primary));font-weight:600;text-decoration:none;transition:color .2s ease}.tracking-number-link:hover{color:hsl(var(--primary) / .8);text-decoration:underline}.badge-status{display:inline-block;padding:.375rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:600;text-transform:capitalize;white-space:nowrap}.badge-pending{background:hsl(var(--status-pending) / .1);color:hsl(var(--status-pending))}.badge-assigned,.badge-in-transit{background:hsl(var(--status-in-transit) / .1);color:hsl(var(--status-in-transit))}.badge-delivered{background:hsl(var(--status-delivered) / .1);color:hsl(var(--status-delivered))}.badge-failed{background:hsl(var(--status-failed) / .1);color:hsl(var(--status-failed))}.badge-partial{background:#f59f0a1a;color:#c47f08}.priority-badge{display:inline-block;padding:.375rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500;white-space:nowrap}.priority-urgent{background:hsl(var(--status-failed) / .1);color:hsl(var(--status-failed))}.priority-high{background:hsl(var(--status-pending) / .1);color:hsl(var(--status-pending))}.priority-standard{background:hsl(var(--muted));color:hsl(var(--muted-foreground))}.priority-low{background:hsl(var(--status-delivered) / .1);color:hsl(var(--status-delivered))}.order-detail-grid{display:grid;grid-template-columns:1fr 400px;gap:2rem}@media (max-width: 1024px){.order-detail-grid{grid-template-columns:1fr}}.detail-section{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.detail-section:last-child{margin-bottom:0}.section-title{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 1.5rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-value{font-size:1rem;color:hsl(var(--foreground));font-weight:500}.info-value a{color:hsl(var(--primary));text-decoration:none}.info-value a:hover{text-decoration:underline}.info-list{display:flex;flex-direction:column;gap:1rem}.info-row{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:1rem;border-bottom:1px solid hsl(var(--border))}.address-block{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.address-line{font-size:1rem;color:hsl(var(--foreground));line-height:1.5}.instructions-box{background:hsl(var(--muted) / .3);border:1px solid hsl(var(--border));border-radius:.5rem;padding:1rem;margin-top:1rem}.instructions-label{font-size:.875rem;color:hsl(var(--muted-foreground));font-weight:500;margin-bottom:.5rem}.instructions-text{font-size:.875rem;color:hsl(var(--foreground));line-height:1.5;white-space:pre-wrap}.parcels-table{overflow-x:auto}.parcels-table table{width:100%;border-collapse:collapse}.parcels-table thead{background:hsl(var(--muted) / .5)}.parcels-table th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--muted-foreground));border-bottom:1px solid hsl(var(--border))}.parcels-table td{padding:.75rem 1rem;font-size:.875rem;color:hsl(var(--foreground));border-bottom:1px solid hsl(var(--border))}.parcels-table tbody tr:last-child td{border-bottom:none}.barcode-text{font-family:ui-monospace,monospace;font-weight:600;color:hsl(var(--foreground))}.empty-parcels{padding:2rem;text-align:center;color:hsl(var(--muted-foreground));font-style:italic}.action-buttons-vertical{display:flex;flex-direction:column;gap:.75rem}.action-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border));border-radius:.5rem;text-decoration:none;font-weight:500;transition:all .2s ease}.action-btn:hover{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.notes-box{background:hsl(var(--muted) / .3);border:1px solid hsl(var(--border));border-radius:.5rem;padding:1rem;font-size:.875rem;color:hsl(var(--foreground));line-height:1.5;white-space:pre-wrap}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag-badge{display:inline-block;padding:.375rem .75rem;background:hsl(var(--muted));color:hsl(var(--foreground));border-radius:.5rem;font-size:.875rem;font-weight:500}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;text-decoration:none;transition:all .2s ease}.btn-primary:hover{background:hsl(var(--primary) / .9);transform:translateY(-1px)}.pod-section{border:2px solid hsl(var(--status-delivered) / .3);background:hsl(var(--status-delivered) / .02)}.pod-content{display:flex;flex-direction:column;gap:1.5rem}.pod-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.pod-status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize;width:-moz-fit-content;width:fit-content}.pod-status-badge.status-delivered{background:hsl(var(--status-delivered) / .1);color:hsl(var(--status-delivered))}.pod-status-badge.status-failed{background:hsl(var(--status-failed) / .1);color:hsl(var(--status-failed))}.pod-status-badge.status-partial{background:#f59f0a1a;color:#c47f08}.pod-info-item.partial-info .pod-info-value{display:flex;flex-direction:column;gap:.25rem}.partial-count{font-weight:600;color:#c47f08;font-size:1.125rem}.partial-warning{font-size:.75rem;color:#c47f08;background:#f59f0a1a;padding:.25rem .5rem;border-radius:.25rem;display:inline-block;width:-moz-fit-content;width:fit-content}.verified-badge{display:inline-flex;align-items:center;gap:.25rem;margin-left:.5rem;padding:.125rem .5rem;background:hsl(var(--status-delivered) / .1);color:hsl(var(--status-delivered));border-radius:9999px;font-size:.75rem;font-weight:500}.pod-photos-section{border-top:1px solid hsl(var(--border));padding-top:1.5rem}.pod-photos-title{font-size:1rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 1rem}.pod-photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.pod-photo-item img{width:100%;max-height:200px;-o-object-fit:cover;object-fit:cover;border-radius:.5rem;border:1px solid hsl(var(--border));cursor:pointer;transition:transform .2s,box-shadow .2s}.pod-photo-item img:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.pod-photo-item.signature img{background:#fff;-o-object-fit:contain;object-fit:contain;max-height:120px}.pod-no-photos{padding:1.5rem;text-align:center;color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .3);border-radius:.5rem}.pod-no-photos p{margin:0}.pod-empty{padding:2rem;text-align:center;color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .3);border-radius:.5rem}.pod-empty p{margin:0}.pod-notes{background:hsl(var(--muted) / .3);border:1px solid hsl(var(--border));border-radius:.5rem;padding:1rem}.pod-notes-label{font-size:.875rem;font-weight:600;color:hsl(var(--foreground));margin-bottom:.5rem}.pod-notes-text{font-size:.875rem;color:hsl(var(--foreground));line-height:1.5}.pod-failure{background:hsl(var(--status-failed) / .05);border:1px solid hsl(var(--status-failed) / .2);border-radius:.5rem;padding:1rem}.pod-failure-label{font-size:.875rem;font-weight:600;color:hsl(var(--status-failed));margin-bottom:.5rem}.pod-failure-text{font-size:.875rem;color:hsl(var(--foreground))}@media (max-width: 640px){.pod-info-grid,.pod-photo-grid{grid-template-columns:1fr}}.freight-rate-section{background:#f3fcfb;border:1px solid hsl(174 60% 80%)}.freight-rate-desc{font-size:.82rem;color:#26736b;font-style:italic;margin:0 0 .875rem}.freight-rate-table{width:100%;border-collapse:collapse;margin-bottom:.75rem;font-size:.875rem}.freight-rate-table td{padding:.3rem 0;border-bottom:1px solid hsl(174 60% 88%);color:hsl(var(--foreground))}.freight-rate-table td:last-child{text-align:right}.freight-rate-table tr:last-child td{border-bottom:none}.rate-amount{white-space:nowrap;font-variant-numeric:tabular-nums}.surcharge-row td{color:hsl(var(--muted-foreground));font-size:.82rem}.rate-total-row td{padding-top:.5rem;border-top:2px solid hsl(174 60% 75%);color:#206059;font-size:.9rem}.freight-rate-meta{font-size:.75rem;color:#3d8f87;margin:0}.quote-review-container{background:hsl(var(--background));padding:2rem;max-width:1100px;margin:0 auto}.quote-review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.quote-status-badge{padding:.3rem .8rem;border-radius:9999px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-quoted{background:#dbeafe;color:#1e40af}.status-accepted{background:#dcfce7;color:#15803d}.status-rejected{background:#fee2e2;color:#b91c1c}.status-expired{background:#f3f4f6;color:#6b7280}.status-converted{background:#ede9fe;color:#7c3aed}.quote-alert{padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.9rem}.quote-alert-error{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5}.quote-alert-warning{background:#fef9c3;color:#854d0e;border:1px solid #fde68a}.quote-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.quote-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:1.25rem}.quote-card-full{grid-column:1 / -1}.quote-card-title{font-size:1rem;font-weight:600;margin-bottom:1rem;color:hsl(var(--foreground))}.quote-breakdown-table{width:100%;border-collapse:collapse;font-size:.875rem}.quote-breakdown-table td{padding:.35rem 0;color:hsl(var(--muted-foreground));border-bottom:1px solid hsl(var(--border))}.quote-total-row td{padding-top:.6rem;color:hsl(var(--foreground));font-size:1rem;border-bottom:none}.quote-weight-note,.quote-expiry-note{margin-top:.75rem;font-size:.78rem;color:hsl(var(--muted-foreground))}.quote-details-list{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem}.quote-details-list>div{display:flex;gap:.5rem}.quote-details-list dt{min-width:90px;color:hsl(var(--muted-foreground))}.quote-details-list dd{color:hsl(var(--foreground))}.quote-parcels-list{display:flex;flex-direction:column;gap:.4rem}.quote-parcel-row{display:flex;gap:1rem;padding:.5rem;background:hsl(var(--muted) / .3);border-radius:.375rem;font-size:.85rem;flex-wrap:wrap}.parcel-num{font-weight:600;color:hsl(var(--muted-foreground));min-width:24px}.quote-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;padding-top:1rem;border-top:1px solid hsl(var(--border))}.quote-currency-row{display:flex;align-items:center;gap:.4rem;margin-right:auto;flex-wrap:wrap}.quote-currency-label{font-size:.82rem;color:hsl(var(--muted-foreground));margin-right:.15rem}.quote-currency-btn{padding:.3rem .65rem;border:1.5px solid hsl(var(--border));border-radius:.3rem;background:transparent;cursor:pointer;font-size:.82rem;font-weight:500;transition:border-color .12s,background .12s}.quote-currency-btn.selected{border-color:hsl(var(--primary));background:hsl(var(--primary) / .08)}.btn-accept{min-width:260px}.btn-danger{background:#dc2626;color:#fff;border:none;border-radius:.5rem;padding:.6rem 1.2rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s}.btn-danger:hover{background:#b91c1c}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.reject-form{width:100%}.reject-form textarea{width:100%;border:1px solid hsl(var(--border));border-radius:.5rem;padding:.6rem;font-size:.875rem;resize:vertical;margin-bottom:.5rem;background:hsl(var(--background));color:hsl(var(--foreground))}.reject-buttons{display:flex;justify-content:flex-end;gap:.75rem}.quote-review-empty{padding:3rem;text-align:center}@media (max-width: 640px){.quote-review-container{padding:1rem}.quote-review-grid{grid-template-columns:1fr}.quote-actions{flex-direction:column-reverse}.btn-accept{min-width:unset;width:100%}}.bulk-upload-container{background:hsl(var(--background));padding:2rem;max-width:1200px;margin:0 auto}@media (max-width: 768px){.bulk-upload-container{padding:1rem}}.bulk-upload-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.upload-instructions{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:2rem;margin-bottom:2rem}.instructions-title{font-size:1.25rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 1.5rem}.instructions-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:1.5rem}.instruction-item{color:hsl(var(--foreground))}.instruction-item strong{display:block;margin-bottom:.75rem;color:hsl(var(--foreground))}.instruction-item ul{margin:0;padding-left:1.5rem;list-style-type:disc}.instruction-item li{margin-bottom:.5rem;font-size:.875rem;line-height:1.5}.instruction-item code{background:hsl(var(--muted));padding:.125rem .375rem;border-radius:.25rem;font-size:.8125rem;font-family:ui-monospace,monospace;color:#000;font-weight:700}.btn-download-template{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border));border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-download-template:hover{background:hsl(var(--secondary) / .8);border-color:hsl(var(--primary))}.upload-section{display:flex;flex-direction:column;gap:1.5rem}.upload-area{background:hsl(var(--card));border:2px dashed hsl(var(--border));border-radius:.75rem;padding:3rem 2rem;text-align:center;transition:all .2s ease}.upload-area:hover{border-color:hsl(var(--primary));background:hsl(var(--primary) / .02)}.upload-icon{width:4rem;height:4rem;margin:0 auto 1.5rem;color:hsl(var(--muted-foreground))}.upload-icon svg{width:100%;height:100%}.upload-title{font-size:1.25rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 .5rem}.upload-subtitle{font-size:.875rem;color:hsl(var(--muted-foreground));margin:0 0 1.5rem}.file-input{display:none}.btn-file-label{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.btn-file-label:hover{background:hsl(var(--primary) / .9);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.file-selected{text-align:left}.file-info{display:flex;align-items:center;gap:1rem;padding:1rem;background:hsl(var(--muted) / .3);border-radius:.5rem;margin-bottom:1.5rem}.file-icon{width:3rem;height:3rem;color:hsl(var(--primary));flex-shrink:0}.file-icon svg{width:100%;height:100%}.file-details{flex:1;min-width:0}.file-name{font-weight:600;color:hsl(var(--foreground));margin-bottom:.25rem;word-break:break-all}.file-size{font-size:.875rem;color:hsl(var(--muted-foreground))}.btn-remove-file{padding:.5rem 1rem;background:hsl(var(--status-failed));color:#fff;border:none;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-remove-file:hover{background:hsl(var(--status-failed) / .9)}.file-actions{display:flex;gap:1rem;justify-content:flex-end}.upload-error{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:hsl(var(--status-failed) / .1);border:1px solid hsl(var(--status-failed));color:hsl(var(--status-failed));border-radius:.5rem;font-size:.875rem}.upload-success{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:2rem}.success-header{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;color:hsl(var(--status-delivered))}.success-header svg{flex-shrink:0}.success-header h3{font-size:1.5rem;font-weight:600;margin:0;color:hsl(var(--status-delivered))}.success-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.stat-item{padding:1.5rem;background:hsl(var(--muted) / .3);border-radius:.5rem;text-align:center}.stat-item.stat-success{background:hsl(var(--status-delivered) / .1)}.stat-item.stat-failed{background:hsl(var(--status-failed) / .1)}.stat-label{font-size:.875rem;color:hsl(var(--muted-foreground));margin-bottom:.5rem;font-weight:500}.stat-value{font-size:2rem;font-weight:700;color:hsl(var(--foreground))}.stat-success .stat-value{color:hsl(var(--status-delivered))}.stat-failed .stat-value{color:hsl(var(--status-failed))}.upload-errors-list{margin-bottom:2rem}.upload-errors-list h4{font-size:1rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 1rem}.errors-scroll{max-height:300px;overflow-y:auto;background:hsl(var(--muted) / .3);border:1px solid hsl(var(--border));border-radius:.5rem;padding:1rem}.error-item{padding:.75rem;background:hsl(var(--card));border-radius:.375rem;margin-bottom:.5rem;font-size:.875rem;color:hsl(var(--foreground))}.error-item:last-child{margin-bottom:0}.error-item strong{color:hsl(var(--status-failed))}.success-actions{display:flex;gap:1rem;justify-content:flex-end}@media (max-width: 640px){.instructions-content{grid-template-columns:1fr}.file-info{flex-direction:column;align-items:flex-start}.file-actions{flex-direction:column;width:100%}.btn-primary,.btn-secondary{width:100%;justify-content:center}.success-actions{flex-direction:column}}.orders-map-container{height:100vh;background:hsl(var(--background));display:flex;flex-direction:column;min-height:0}.orders-map-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.orders-map-loading p{color:hsl(var(--muted-foreground));font-size:.875rem}.orders-map-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem;border-bottom:1px solid hsl(var(--border));flex-wrap:wrap;gap:1rem}.page-title{font-size:2rem;font-weight:700;color:hsl(var(--foreground));margin:0 0 .5rem}.orders-map-content{display:flex;flex:1;min-height:0}.map-container{flex:1;position:relative;background:hsl(var(--muted) / .2);border-right:1px solid hsl(var(--border));overflow:hidden;min-height:0}.map-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center;color:hsl(var(--muted-foreground))}.map-placeholder p{margin:.5rem 0}.map-note{font-size:1rem;font-weight:500;color:hsl(var(--foreground))}.map-integration-note{font-size:.875rem;max-width:500px;line-height:1.6}.order-marker{cursor:pointer;z-index:10}.marker-dot{width:24px;height:24px;border-radius:50%;border:3px solid white;box-shadow:0 2px 8px #0000004d;position:relative;cursor:pointer}.marker-pulse{position:absolute;width:100%;height:100%;border-radius:50%;background:inherit;opacity:.6;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.6}to{transform:scale(2);opacity:0}}.orders-map-sidebar{width:350px;background:hsl(var(--card));border-left:1px solid hsl(var(--border));display:flex;flex-direction:column;overflow-y:auto}.orders-map-sidebar h3{padding:1.5rem;margin:0;font-size:1.125rem;font-weight:600;color:hsl(var(--foreground));border-bottom:1px solid hsl(var(--border));position:sticky;top:0;background:hsl(var(--card));z-index:5}.orders-list-map{flex:1;overflow-y:auto}.no-orders{padding:2rem;text-align:center;color:hsl(var(--muted-foreground))}.order-item-map{padding:1rem 1.5rem;border-bottom:1px solid hsl(var(--border));cursor:pointer;transition:background-color .2s}.order-item-map:hover{background:hsl(var(--muted) / .3)}.order-item-map.selected{background:hsl(var(--primary) / .1);border-left:3px solid hsl(var(--primary))}.order-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.order-number-small{font-weight:600;font-size:.875rem;color:hsl(var(--foreground));font-family:ui-monospace,monospace}.status-badge-small{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;color:#fff;text-transform:capitalize}.order-item-details{margin-bottom:.75rem}.recipient-small{font-size:.875rem;font-weight:500;color:hsl(var(--foreground));margin:0 0 .25rem}.address-small{font-size:.75rem;color:hsl(var(--muted-foreground));margin:0 0 .25rem}.coords-small{font-size:.7rem;color:hsl(var(--muted-foreground));margin:0;font-family:ui-monospace,monospace}.view-order-link{font-size:.75rem;color:hsl(var(--primary));text-decoration:none;font-weight:500;transition:opacity .2s}.view-order-link:hover{opacity:.8}.map-error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:2rem;text-align:center;color:hsl(var(--muted-foreground))}.map-info-window{min-width:250px;max-width:300px}.info-status{display:flex;align-items:center;gap:.5rem;margin:.5rem 0;font-size:.875rem;color:hsl(var(--foreground))}.status-indicator{width:10px;height:10px;border-radius:50%;display:inline-block}.order-item-map.no-coords{opacity:.6}.no-coords-text{color:hsl(var(--muted-foreground));font-style:italic}@media (max-width: 768px){.orders-map-content{flex-direction:column}.map-container{height:400px;border-right:none;border-bottom:1px solid hsl(var(--border));min-height:400px}.orders-map-sidebar{width:100%;max-height:400px}.orders-map-header{padding:1rem}}.bl-container{max-width:1200px;margin:0 auto;padding:0 .5rem}.bl-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.75rem}.bl-title{font-size:1.6rem;font-weight:700;color:hsl(var(--foreground));margin:0 0 .25rem;letter-spacing:-.02em}.bl-subtitle{font-size:.875rem;color:hsl(var(--muted-foreground));margin:0}.bl-new-btn{padding:.55rem 1.25rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:.5rem;font-weight:600;font-size:.9rem;cursor:pointer;white-space:nowrap;transition:opacity .15s;flex-shrink:0}.bl-new-btn:hover{opacity:.88}.bl-summary-strip{display:flex;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap}.bl-summary-chip{display:flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border-radius:.6rem;border:1px solid transparent;min-width:0}.bl-chip-value{font-size:1.25rem;font-weight:700;line-height:1}.bl-chip-label{font-size:.78rem;font-weight:500;white-space:nowrap;line-height:1.3}.bl-chip-total{background:hsl(var(--muted));border-color:hsl(var(--border));color:hsl(var(--foreground))}.bl-chip-paid{background:#eefcf3;border-color:#a8f0c2;color:#157a3a}.bl-chip-unpaid{background:#fdecec;border-color:#f7a1a1;color:#a71b1b}.bl-chip-pending{background:#fff9eb;border-color:#fcda82;color:#98741b}.bl-chip-invoiced{background:#ecf3fe;border-color:#94bbfa;color:#1a4a99}.bl-chip-overdue{background:#fde8e8;border-color:#f58a8a;color:#8c1717;font-weight:700}.bl-chip-cod{background:#f5effb;border-color:#c7a5e9;color:#613091}.bl-nudge{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1.25rem;background:#fef9f0;border:1px solid hsl(38 92% 80%);border-left:4px solid hsl(38 92% 50%);border-radius:.5rem;margin-bottom:1.25rem;font-size:.875rem;color:#7a591f;line-height:1.5}.bl-nudge-icon{font-size:1.2rem;flex-shrink:0;margin-top:.05rem}.bl-nudge-overdue{background:#fef1f1;border-color:#f58a8a;border-left-color:#c52020;color:#832121}.bl-filters{display:flex;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.bl-filter-group{display:flex;flex-direction:column;gap:.3rem}.bl-filter-label{font-size:.75rem;font-weight:600;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.04em}.bl-select{padding:.45rem 2rem .45rem .75rem;border:1px solid hsl(var(--border));border-radius:.4rem;background:hsl(var(--background));color:hsl(var(--foreground));font-size:.875rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;min-width:150px}.bl-select:focus{outline:2px solid hsl(var(--primary));outline-offset:2px}.bl-count{font-size:.85rem;color:hsl(var(--muted-foreground));margin-left:auto;align-self:center;padding-bottom:.1rem}.bl-table-wrap{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;overflow:hidden}.bl-table{width:100%;border-collapse:collapse;font-size:.875rem}.bl-table thead tr{background:hsl(var(--muted) / .5);border-bottom:1px solid hsl(var(--border))}.bl-table thead th{padding:.75rem 1rem;font-weight:600;font-size:.775rem;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--muted-foreground));white-space:nowrap;text-align:left}.bl-table tbody tr{border-bottom:1px solid hsl(var(--border) / .6);transition:background .1s}.bl-table tbody tr:last-child{border-bottom:none}.bl-table tbody tr:hover{background:hsl(var(--muted) / .35)}.bl-table tbody tr.bl-row-unpaid{background:#fffdfa}.bl-table tbody tr.bl-row-unpaid:hover{background:#fef9f0}.bl-table tbody tr.bl-row-overdue{background:snow}.bl-table tbody tr.bl-row-overdue:hover{background:#fef1f1}.bl-table td{padding:.875rem 1rem;vertical-align:middle;color:hsl(var(--foreground))}.bl-batch-link{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.875rem;font-weight:600;color:hsl(var(--primary));text-decoration:none;display:block}.bl-batch-link:hover{text-decoration:underline}.bl-batch-file{font-size:.75rem;color:hsl(var(--muted-foreground));margin-top:.15rem;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bl-date{font-size:.85rem;font-weight:500}.bl-time{font-size:.75rem;color:hsl(var(--muted-foreground));margin-top:.1rem}.bl-orders{display:flex;flex-direction:column;gap:.15rem}.bl-orders-ok{font-size:.8rem;color:#188c42;font-weight:500}.bl-orders-fail{font-size:.75rem;color:#c52020;font-weight:500}.bl-wt{font-size:.75rem;color:hsl(var(--muted-foreground));margin-top:.2rem}.bl-amount{font-size:.9rem;color:hsl(var(--muted-foreground))}.bl-amount-set{font-weight:700;color:hsl(var(--foreground));font-size:.95rem}.bl-invoice-num{font-size:.72rem;color:#1a9948;font-weight:600;margin-top:.2rem}.pay-pill{display:inline-flex;flex-direction:column;align-items:center;padding:.2rem .65rem;border-radius:.5rem;font-size:.75rem;font-weight:700;white-space:nowrap}.pay-pill-paid{background:#d3f8e1;color:#126d34}.pay-pill-pending{background:#fef0cd;color:#795d15}.pay-pill-unpaid{background:#fcd9d9;color:#a71b1b}.pay-pill-invoiced{background:#d8e6fd;color:#164083}.pay-pill-cod{background:#ebdef7;color:#52297a}.pay-pill-overdue{background:#fac7c7;color:#7b1414;font-weight:700}.pay-pill-due{display:block;font-size:.68rem;font-weight:500;opacity:.85;margin-top:.15rem;line-height:1}.stat-pill{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.stat-pill-completed{background:#d3f8e1;color:#157a3a}.stat-pill-partial{background:#fef0cd;color:#826417}.stat-pill-failed{background:#fcd9d9;color:#a71b1b}.stat-pill-processing{background:hsl(var(--muted));color:hsl(var(--muted-foreground))}.action-dropdown-wrap{position:relative;display:inline-block}.action-menu-btn{width:2rem;height:2rem;border:1px solid hsl(var(--border));border-radius:.4rem;background:transparent;color:hsl(var(--foreground));cursor:pointer;font-size:1.25rem;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:all .15s}.action-menu-btn:hover,.action-menu-btn.active{background:hsl(var(--muted));border-color:hsl(var(--primary));color:hsl(var(--primary))}.action-menu{position:absolute;right:0;top:calc(100% + 4px);min-width:200px;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.6rem;box-shadow:0 8px 24px #0000001f,0 2px 8px #0000000f;z-index:50;overflow:hidden;animation:menu-pop .12s ease}@keyframes menu-pop{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.action-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.6rem .9rem;border:none;background:transparent;color:hsl(var(--foreground));font-size:.85rem;cursor:pointer;text-align:left;transition:background .1s}.action-item:hover{background:hsl(var(--muted))}.action-item-pay{color:hsl(var(--primary));font-weight:600}.action-item-retry{color:#826417;font-weight:600}.action-item-invoice{color:#157a3a;font-weight:600}.action-item-info{color:#613091;font-weight:500;opacity:.85}.action-icon{font-size:1rem;flex-shrink:0}.action-divider{height:1px;background:hsl(var(--border));margin:.25rem 0}.spinner-xs{width:14px;height:14px;border:2px solid hsl(var(--muted-foreground));border-top-color:hsl(var(--primary));border-radius:50%;animation:spin .6s linear infinite;display:inline-block}.bl-state-center{text-align:center;padding:4rem;color:hsl(var(--muted-foreground));font-size:.9rem}.bl-state-error{color:#c52020}.bl-empty{text-align:center;padding:4rem 2rem;color:hsl(var(--muted-foreground))}.bl-empty-icon{font-size:2.5rem;margin-bottom:.75rem}.bl-empty-title{font-size:1rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 .4rem}.bl-empty-hint{font-size:.875rem}.bl-link{color:hsl(var(--primary));text-decoration:none}.bl-link:hover{text-decoration:underline}.bl-pagination{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;border-top:1px solid hsl(var(--border))}.bl-page-btn{padding:.4rem .9rem;border:1px solid hsl(var(--border));border-radius:.4rem;background:transparent;color:hsl(var(--foreground));font-size:.85rem;cursor:pointer;transition:all .15s}.bl-page-btn:hover:not(:disabled){background:hsl(var(--muted));border-color:hsl(var(--primary))}.bl-page-btn:disabled{opacity:.4;cursor:not-allowed}.bl-page-info{font-size:.825rem;color:hsl(var(--muted-foreground))}.invoice-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fade-in .15s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.invoice-modal-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.875rem;box-shadow:0 24px 60px #00000040;width:100%;max-width:960px;height:88vh;display:flex;flex-direction:column;overflow:hidden;animation:slide-up .15s ease}@keyframes slide-up{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.invoice-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted) / .4);gap:1rem;flex-shrink:0}.invoice-modal-title{display:flex;align-items:center;gap:.75rem}.invoice-modal-icon{font-size:1.4rem}.invoice-modal-actions{display:flex;align-items:center;gap:.5rem}.invoice-btn{padding:.45rem .9rem;border-radius:.4rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}.invoice-btn-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none}.invoice-btn-primary:hover{opacity:.88}.invoice-btn-outline{background:transparent;border:1px solid hsl(var(--border));color:hsl(var(--foreground))}.invoice-btn-outline:hover{background:hsl(var(--muted))}.invoice-btn-ghost{background:transparent;border:none;color:hsl(var(--muted-foreground));padding:.45rem .65rem;font-size:1.1rem}.invoice-btn-ghost:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.invoice-modal-body{flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f3f5f7;position:relative}.invoice-modal-frame{width:100%;height:100%;border:none;display:block;background:#fff}.invoice-modal-loader{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:hsl(var(--muted-foreground));font-size:.9rem}.invoice-loader-spinner{width:32px;height:32px;border:3px solid hsl(var(--border));border-top-color:hsl(var(--primary));border-radius:50%;animation:spin .7s linear infinite}.invoice-modal-error{color:#c52020;font-size:.9rem;padding:2rem;text-align:center}@media (max-width: 768px){.bl-header{flex-direction:column}.bl-filters{flex-wrap:wrap}.bl-summary-strip{gap:.5rem}.invoice-modal-card{height:95vh;max-width:100%}.invoice-modal-header{flex-wrap:wrap;gap:.75rem}.bl-wt{display:none}}.tracking-container{max-width:1000px;margin:0 auto;padding:1.5rem}.tracking-header{margin-bottom:1.5rem}.page-title{font-size:1.5rem;font-weight:600;color:hsl(var(--foreground));margin:0}.page-subtitle{color:hsl(var(--muted-foreground));margin:.25rem 0 0;font-size:.875rem}.tracking-search-section{margin-bottom:2rem}.tracking-search-form{display:flex;flex-direction:column;gap:.75rem;max-width:500px}.search-input-wrapper-large{position:relative;display:flex;align-items:center;width:100%}.search-input-wrapper-large .search-icon{position:absolute;left:.875rem;width:1.25rem;height:1.25rem;color:hsl(var(--muted-foreground));pointer-events:none}.search-input-large{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid hsl(var(--input));border-radius:var(--radius);font-size:.9375rem;background:hsl(var(--background))}.search-input-large:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 2px hsl(var(--primary) / .1)}.btn-primary{width:100%;padding:.75rem 1.5rem;font-size:.9375rem;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:var(--radius);cursor:pointer;font-weight:500}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:.75rem 1.5rem;font-size:.875rem;background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);cursor:pointer;font-weight:500;text-decoration:none;display:inline-block;text-align:center}.btn-secondary:hover{background-color:hsl(var(--muted))}.tracking-loading,.tracking-error,.tracking-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius)}.spinner-ring{width:2.5rem;height:2.5rem;border:3px solid hsl(var(--muted));border-top-color:hsl(var(--primary));border-radius:50%;animation:spin .8s linear infinite}.tracking-loading p,.tracking-error p,.tracking-not-found p{margin:.5rem 0 0;color:hsl(var(--muted-foreground))}.tracking-error h3,.tracking-not-found h3{margin:.75rem 0 .5rem;color:hsl(var(--foreground))}.error-icon,.not-found-icon{color:hsl(var(--muted-foreground))}.help-text{font-size:.875rem}.status-banner{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-radius:var(--radius);margin-bottom:1.5rem;background:hsl(var(--muted))}.status-banner-pending,.status-banner-queued{background:hsl(var(--muted));border-left:4px solid hsl(var(--muted-foreground))}.status-banner-assigned,.status-banner-scanned{background:#3c83f61a;border-left:4px solid hsl(217 91% 60%)}.status-banner-in-transit,.status-banner-out-for-delivery{background:#f59f0a1a;border-left:4px solid hsl(38 92% 50%)}.status-banner-delivered{background:#16a2491a;border-left:4px solid hsl(142 76% 36%)}.status-banner-failed,.status-banner-cancelled{background:#ef43431a;border-left:4px solid hsl(0 84% 60%)}.status-banner-content{display:flex;align-items:center;gap:.75rem}.status-icon{flex-shrink:0}.status-icon.delivered{color:#16a249}.status-icon.failed{color:#ef4343}.status-icon.in-progress{color:#f59f0a}.status-banner-text{display:flex;flex-direction:column}.status-banner-label{font-size:.75rem;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.03em}.status-banner-value{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground));text-transform:capitalize}.status-banner-date{font-size:.875rem;color:hsl(var(--muted-foreground))}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}@media (max-width: 768px){.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.summary-grid{grid-template-columns:1fr}}.summary-card{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius)}.summary-icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;background:hsl(var(--primary) / .1);color:hsl(var(--primary));border-radius:calc(var(--radius) - 2px);flex-shrink:0}.summary-content{min-width:0;flex:1}.summary-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--muted-foreground));margin-bottom:.25rem}.summary-value{font-size:.875rem;font-weight:600;color:hsl(var(--foreground));word-break:break-word}.summary-value.mono{font-family:monospace;font-size:.8125rem}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 768px){.details-grid{grid-template-columns:1fr}}.details-column{display:flex;flex-direction:column;gap:1rem}.info-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);overflow:hidden}.info-card-header{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background:hsl(var(--muted) / .3);border-bottom:1px solid hsl(var(--border))}.info-card-header svg{color:hsl(var(--primary));flex-shrink:0}.info-card-header h3{font-size:.875rem;font-weight:600;color:hsl(var(--foreground));margin:0}.info-card-body{padding:1rem}.info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:.5rem 0;border-bottom:1px solid hsl(var(--border) / .5)}.info-row:last-child{border-bottom:none;padding-bottom:0}.info-row:first-child{padding-top:0}.info-label{font-size:.8125rem;color:hsl(var(--muted-foreground));flex-shrink:0}.info-value{font-size:.8125rem;font-weight:500;color:hsl(var(--foreground));text-align:right;word-break:break-word}.info-value.mono{font-family:monospace;font-size:.75rem}.address-block{line-height:1.6}.address-block p{margin:0;font-size:.875rem;color:hsl(var(--foreground))}.instructions-box{margin-top:1rem;padding-top:1rem;border-top:1px solid hsl(var(--border))}.instructions-label{display:block;font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--muted-foreground));margin-bottom:.375rem}.instructions-text{font-size:.875rem;color:hsl(var(--foreground));margin:0;font-style:italic}.timeline-card{height:-moz-fit-content;height:fit-content}.timeline{display:flex;flex-direction:column}.timeline-item{display:flex;gap:.75rem;position:relative}.timeline-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.marker-dot{width:.875rem;height:.875rem;border-radius:50%;background-color:hsl(var(--muted));border:2px solid hsl(var(--background));box-shadow:0 0 0 2px hsl(var(--muted));z-index:1}.timeline-item.completed .marker-dot{background-color:#16a249;box-shadow:0 0 0 2px #16a24933}.timeline-line{width:2px;flex:1;min-height:1.5rem;background-color:hsl(var(--border));margin:.25rem 0}.timeline-item.completed .timeline-line{background-color:#16a2494d}.timeline-content{padding-bottom:1rem;flex:1}.timeline-status{font-size:.875rem;font-weight:500;color:hsl(var(--foreground))}.timeline-item.pending .timeline-status{color:hsl(var(--muted-foreground))}.timeline-date{font-size:.75rem;color:hsl(var(--muted-foreground));margin-top:.125rem}.timeline-note{font-size:.75rem;color:hsl(var(--muted-foreground));margin-top:.25rem;font-style:italic;line-height:1.4}.badge-status{display:inline-block;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.badge-pending{background-color:hsl(var(--muted));color:hsl(var(--muted-foreground))}.badge-assigned{background-color:#3c83f626;color:#0b64f4}.badge-in-transit{background-color:#f59f0a26;color:#c47f08}.badge-delivered{background-color:#16a24926;color:#12873d}.badge-failed{background-color:#ef434326;color:#d31212}.pod-card{border-left:3px solid hsl(142 76% 36%)}.pod-content{display:flex;flex-direction:column;gap:1.25rem}.pod-info{display:flex;flex-direction:column}.pod-photos h4{font-size:.8125rem;font-weight:600;margin:0 0 .75rem;color:hsl(var(--foreground))}.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.photo-item{display:flex;flex-direction:column;gap:.375rem}.photo-item label{font-size:.6875rem;font-weight:500;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.03em}.photo-item img{width:100%;max-height:150px;-o-object-fit:cover;object-fit:cover;border-radius:calc(var(--radius) - 2px);border:1px solid hsl(var(--border));cursor:pointer;transition:transform .2s,box-shadow .2s}.photo-item img:hover{transform:scale(1.02);box-shadow:0 4px 12px hsl(var(--foreground) / .1)}.photo-item.signature img{background:#fff;-o-object-fit:contain;object-fit:contain;max-height:100px}.no-photos{padding:1rem;text-align:center;color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .3);border-radius:calc(var(--radius) - 2px);font-size:.875rem}.no-photos p{margin:0}.text-success{color:#16a249}.text-warning{color:#c47f08}.text-error{color:#ef4343}.tracking-actions{display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid hsl(var(--border))}.tracking-actions .btn-primary{width:auto;text-decoration:none;display:inline-block}@media (max-width: 480px){.tracking-actions{flex-direction:column}.tracking-actions .btn-primary,.tracking-actions .btn-secondary{width:100%}}.pod-container{background:hsl(var(--background));padding:2rem;max-width:1200px;margin:0 auto}@media (max-width: 768px){.pod-container{padding:1rem}}.pod-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.pod-loading p{color:hsl(var(--muted-foreground));font-size:.875rem}.pod-error,.pod-not-available{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;text-align:center;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:4rem 2rem}.error-icon,.not-available-icon,.placeholder-icon{display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:hsl(var(--muted-foreground) / .6)}.pod-error h3,.pod-not-available h3{font-size:1.5rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 .5rem}.pod-error p,.pod-not-available p{color:hsl(var(--muted-foreground));margin:.5rem 0}.status-info{margin-top:1rem!important;padding:1rem;background:hsl(var(--muted) / .3);border-radius:.5rem}.status-info strong{color:hsl(var(--foreground));text-transform:capitalize}.pod-header{margin-bottom:2rem}.header-left{display:flex;align-items:flex-start;gap:1rem}.btn-back{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border));border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-decoration:none;margin-top:.25rem}.btn-back:hover{background:hsl(var(--secondary) / .8);border-color:hsl(var(--primary))}.pod-content{display:flex;flex-direction:column;gap:2rem}.pod-summary-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.summary-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:1.5rem}.summary-label{font-size:.875rem;color:hsl(var(--muted-foreground));margin-bottom:.5rem;font-weight:500}.summary-value{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground))}.tracking-number{font-family:ui-monospace,monospace;color:hsl(var(--primary))}.pod-details-section{display:flex;flex-direction:column;gap:2rem}.detail-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:2rem}.section-title{font-size:1.25rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 1.5rem}.delivery-info{display:flex;flex-direction:column;gap:1.5rem}.info-row{display:flex;flex-direction:column;gap:.5rem}.info-label{font-size:.875rem;color:hsl(var(--muted-foreground));font-weight:500}.info-value{font-size:1rem;color:hsl(var(--foreground));line-height:1.5}.pod-artifacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.artifact-placeholder{background:hsl(var(--muted) / .3);border:2px dashed hsl(var(--border));border-radius:.75rem;padding:3rem 2rem;text-align:center}.placeholder-icon{font-size:3rem;margin-bottom:1rem}.artifact-placeholder h3{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 .5rem}.artifact-placeholder p{font-size:.875rem;color:hsl(var(--muted-foreground));margin:0}.pod-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:500;border-radius:.5rem;text-decoration:none;transition:all .2s ease;font-size:.875rem;border:none;cursor:pointer;font-family:inherit}.btn-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:0 2px 4px #0000001a}.btn-secondary{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border))}.pod-artifacts-real{display:flex;flex-direction:column;gap:2rem}.pod-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.pod-info-item{display:flex;flex-direction:column;gap:.5rem}.pod-info-label{font-size:.875rem;color:hsl(var(--muted-foreground));font-weight:500}.pod-info-value{font-size:1rem;color:hsl(var(--foreground))}.pod-status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:capitalize;width:-moz-fit-content;width:fit-content}.pod-status-badge.status-delivered{background:hsl(var(--status-delivered-bg, 142 76% 90%));color:hsl(var(--status-delivered, 142 76% 36%))}.pod-status-badge.status-failed{background:hsl(var(--status-failed-bg, 0 84% 90%));color:hsl(var(--status-failed, 0 84% 50%))}.pod-status-badge.status-partial{background:hsl(var(--status-pending-bg, 38 92% 90%));color:hsl(var(--status-pending, 38 92% 50%))}.verified-badge{display:inline-flex;align-items:center;gap:.25rem;margin-left:.5rem;padding:.125rem .5rem;background:hsl(var(--status-delivered-bg, 142 76% 90%));color:hsl(var(--status-delivered, 142 76% 36%));border-radius:9999px;font-size:.75rem;font-weight:500}.pod-photos-section h3{font-size:1rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 1rem}.pod-photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.pod-photo-item{display:flex;flex-direction:column;gap:.5rem}.pod-photo-item .photo-label{font-size:.875rem;font-weight:500;color:hsl(var(--muted-foreground))}.pod-photo-item img{width:100%;max-height:250px;-o-object-fit:cover;object-fit:cover;border-radius:.5rem;border:1px solid hsl(var(--border));cursor:pointer;transition:transform .2s}.pod-photo-item img:hover{transform:scale(1.02)}.pod-photo-item.signature img{background:#fff;-o-object-fit:contain;object-fit:contain;max-height:150px}.no-photos-message{padding:2rem;text-align:center;color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .3);border-radius:.5rem}.no-photos-message p{margin:0}.failure-reason{background:hsl(var(--status-failed-bg, 0 84% 95%));border:1px solid hsl(var(--status-failed, 0 84% 50%) / .2);border-radius:.5rem;padding:1rem}.failure-label{font-size:.875rem;font-weight:600;color:hsl(var(--status-failed, 0 84% 50%));margin-bottom:.5rem}.failure-text{color:hsl(var(--foreground))}@media (max-width: 640px){.pod-summary-section,.pod-artifacts,.pod-info-grid,.pod-photo-grid{grid-template-columns:1fr}.pod-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}}.analytics-container{background:hsl(var(--background));padding:2rem}@media (max-width: 768px){.analytics-container{padding:1rem}}.analytics-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.date-range-selector{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.range-select{padding:.625rem 1rem;border:1px solid hsl(var(--border));border-radius:.5rem;font-size:.875rem;background:hsl(var(--card));color:hsl(var(--foreground));cursor:pointer}.custom-date-inputs{display:flex;align-items:center;gap:.5rem}.date-input{padding:.625rem .75rem;border:1px solid hsl(var(--border));border-radius:.5rem;font-size:.875rem;background:hsl(var(--card));color:hsl(var(--foreground))}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.analytics-loading p{color:hsl(var(--muted-foreground));font-size:.875rem}.analytics-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:.75rem .75rem 0 0}.metric-primary:before{background:hsl(var(--primary))}.metric-success:before{background:hsl(var(--status-delivered))}.metric-warning:before{background:hsl(var(--status-pending))}.metric-info:before{background:hsl(var(--status-in-transit))}.metric-danger:before{background:hsl(var(--status-failed))}.metric-icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-primary .metric-icon{background:hsl(var(--primary) / .1);color:hsl(var(--primary))}.metric-success .metric-icon{background:hsl(var(--status-delivered) / .1);color:hsl(var(--status-delivered))}.metric-warning .metric-icon{background:hsl(var(--status-pending) / .1);color:hsl(var(--status-pending))}.metric-info .metric-icon{background:hsl(var(--status-in-transit) / .1);color:hsl(var(--status-in-transit))}.metric-danger .metric-icon{background:hsl(var(--status-failed) / .1);color:hsl(var(--status-failed))}.metric-icon svg{width:1.5rem;height:1.5rem}.metric-content{flex:1;min-width:0}.metric-label{font-size:.875rem;color:hsl(var(--muted-foreground));margin-bottom:.5rem;font-weight:500}.metric-value{font-size:2rem;font-weight:700;color:hsl(var(--foreground));line-height:1;margin-bottom:.25rem}.metric-percentage{font-size:.75rem;color:hsl(var(--muted-foreground))}.analytics-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:2rem}@media (max-width: 768px){.analytics-charts{grid-template-columns:1fr}}.chart-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:2rem}.chart-title{font-size:1.25rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 2rem}.status-chart{display:flex;flex-direction:column;gap:1rem}.status-bar-item{display:flex;flex-direction:column;gap:.5rem}.status-bar-header{display:flex;justify-content:space-between;align-items:center}.status-label{font-size:.875rem;font-weight:500;color:hsl(var(--foreground));text-transform:capitalize}.status-count{font-size:.875rem;color:hsl(var(--muted-foreground));font-weight:600}.status-bar{height:1.5rem;background:hsl(var(--muted));border-radius:.75rem;overflow:hidden;position:relative}.status-bar-fill{height:100%;border-radius:.75rem;transition:width .3s ease}.status-delivered{background:hsl(var(--status-delivered))}.status-inTransit{background:hsl(var(--status-in-transit))}.status-pending{background:hsl(var(--status-pending))}.status-failed{background:hsl(var(--status-failed))}.time-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;height:200px;padding:1rem 0}.time-bar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:60px}.time-bar{width:100%;background:hsl(var(--primary));border-radius:.25rem .25rem 0 0;min-height:4px;transition:height .3s ease}.time-label{font-size:.75rem;color:hsl(var(--muted-foreground));text-align:center}.time-count{font-size:.875rem;font-weight:600;color:hsl(var(--foreground))}.analytics-insights{margin-bottom:2rem}.insight-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:2rem}.insight-title{font-size:1.25rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 1.5rem}.insight-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.insight-list li{font-size:.875rem;color:hsl(var(--foreground));line-height:1.5;padding:.75rem;background:hsl(var(--muted) / .3);border-radius:.5rem}.insight-list strong{color:hsl(var(--primary))}.analytics-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:hsl(var(--card));border:1px solid hsl(var(--status-failed));border-radius:.75rem}.error-icon{display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:hsl(var(--muted-foreground) / .6)}.analytics-error h3{font-size:1.5rem;font-weight:600;color:hsl(var(--status-failed));margin:0 0 .5rem}.analytics-error p{color:hsl(var(--muted-foreground));margin:0 0 1.5rem}.analytics-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem}.empty-icon{display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:hsl(var(--muted-foreground) / .6)}.analytics-empty h3{font-size:1.5rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 .5rem}.analytics-empty p{font-size:.875rem;color:hsl(var(--muted-foreground));margin:0}@media (max-width: 640px){.analytics-metrics{grid-template-columns:1fr}.time-chart{gap:.5rem}.time-bar-item{min-width:40px}}.notification-preferences-container{padding:2rem;max-width:1200px;margin:0 auto}@media (max-width: 768px){.notification-preferences-container{padding:1rem}}.notification-preferences-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.notification-preferences-loading p{color:hsl(var(--muted-foreground));font-size:.875rem}.preferences-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.preferences-title{font-size:1.5rem;font-weight:700;color:hsl(var(--foreground));margin:0 0 .5rem}.preferences-subtitle{font-size:.875rem;color:hsl(var(--muted-foreground));margin:0}.preferences-actions{display:flex;gap:1rem;align-items:center}.btn-primary{padding:.625rem 1.25rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:.625rem 1.25rem;background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border));border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:hsl(var(--secondary) / .8);border-color:hsl(var(--primary))}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.preferences-table-container{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;overflow-x:auto;margin-bottom:2rem}.preferences-table{width:100%;border-collapse:collapse}.preferences-table thead{background:hsl(var(--muted) / .3)}.preferences-table th{padding:1rem;text-align:left;font-weight:600;font-size:.875rem;color:hsl(var(--foreground));border-bottom:2px solid hsl(var(--border))}.preferences-table td{padding:1rem;border-bottom:1px solid hsl(var(--border))}.preferences-table tbody tr:hover{background:hsl(var(--muted) / .2)}.event-column{min-width:200px}.channel-column{text-align:center;width:120px}.event-cell{vertical-align:middle}.event-info{display:flex;flex-direction:column;gap:.25rem}.event-label{font-weight:500;color:hsl(var(--foreground));font-size:.875rem}.event-description{font-size:.75rem;color:hsl(var(--muted-foreground))}.channel-cell{text-align:center;vertical-align:middle}.toggle-switch{display:inline-block;position:relative;width:44px;height:24px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:hsl(var(--muted));border-radius:24px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}.toggle-switch input:checked+.toggle-slider{background-color:hsl(var(--primary))}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 1px hsl(var(--primary))}.quiet-hours-section{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:1.5rem}.section-title{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 .5rem}.section-description{font-size:.875rem;color:hsl(var(--muted-foreground));margin:0 0 1rem}.quiet-hours-controls{display:flex;flex-direction:column;gap:1rem}.quiet-hours-toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;color:hsl(var(--foreground))}.quiet-hours-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer}.quiet-hours-times{display:flex;gap:1.5rem;align-items:center;padding-left:26px}.time-input-group{display:flex;flex-direction:column;gap:.5rem}.time-input-group label{font-size:.875rem;font-weight:500;color:hsl(var(--foreground))}.time-input{padding:.5rem .75rem;border:1px solid hsl(var(--border));border-radius:.5rem;font-size:.875rem;background:hsl(var(--background));color:hsl(var(--foreground));font-family:inherit}.time-input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .1)}@media (max-width: 768px){.preferences-header{flex-direction:column}.preferences-actions{width:100%;flex-direction:column}.btn-primary,.btn-secondary{width:100%}.preferences-table-container{overflow-x:scroll}.channel-column{min-width:100px}.quiet-hours-times{flex-direction:column;align-items:flex-start}}.settings-container{background:hsl(var(--background));padding:2rem;max-width:900px;margin:0 auto}@media (max-width: 768px){.settings-container{padding:1rem}}.settings-header{margin-bottom:2rem}.success-message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:hsl(var(--status-delivered) / .1);border:1px solid hsl(var(--status-delivered));color:hsl(var(--status-delivered));border-radius:.5rem;margin-bottom:2rem;font-weight:500}.settings-tabs{display:flex;gap:.5rem;border-bottom:2px solid hsl(var(--border));margin-bottom:2rem}.settings-content{display:flex;flex-direction:column;gap:2rem}.settings-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:2rem}@media (max-width: 768px){.settings-card{padding:1.5rem}}.card-title{font-size:1.25rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 2rem}.settings-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:hsl(var(--foreground))}.form-group input{padding:.625rem .75rem;border:1px solid hsl(var(--border));border-radius:.5rem;font-size:.875rem;background:hsl(var(--background));color:hsl(var(--foreground));transition:all .2s ease;font-family:inherit}.form-group input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .1)}.form-group input.input-error{border-color:hsl(var(--status-failed))}.form-group input.input-error:focus{box-shadow:0 0 0 3px hsl(var(--status-failed) / .1)}.form-group input.input-disabled{background:hsl(var(--muted));color:hsl(var(--muted-foreground));cursor:not-allowed}.field-error{font-size:.75rem;color:hsl(var(--status-failed));margin-top:-.25rem}.field-help{font-size:.75rem;color:hsl(var(--muted-foreground));margin-top:-.25rem}.form-error-message{background:hsl(var(--status-failed) / .1);border:1px solid hsl(var(--status-failed));color:hsl(var(--status-failed));padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem}.form-actions{display:flex;justify-content:flex-end;padding-top:1rem;border-top:1px solid hsl(var(--border))}.btn-primary:hover:not(:disabled){background:hsl(var(--primary) / .9);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.preferences-info{padding:2rem 0;text-align:center}.preferences-info p{color:hsl(var(--foreground));margin:.5rem 0}@media (max-width: 640px){.settings-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{white-space:nowrap;padding:.75rem 1rem}}.billing-container{max-width:1200px;margin:0 auto}.billing-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.billing-layout{display:flex;gap:1.5rem;align-items:flex-start}.invoice-list-panel{flex:1;min-width:0;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;overflow:hidden}.invoice-detail-panel{width:320px;flex-shrink:0;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;overflow:hidden;position:sticky;top:80px}.invoice-table{width:100%;border-collapse:collapse}.invoice-table thead th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .4);border-bottom:1px solid hsl(var(--border))}.invoice-table tbody tr{border-bottom:1px solid hsl(var(--border));transition:background .1s}.invoice-table tbody tr:hover{background:hsl(var(--muted) / .3)}.invoice-table tbody tr.row-selected{background:hsl(var(--primary) / .06);border-left:3px solid hsl(var(--primary))}.invoice-table tbody td{padding:.75rem 1rem;font-size:.875rem;color:hsl(var(--foreground))}.inv-number{font-family:ui-monospace,monospace;font-weight:600;color:hsl(var(--primary))!important}.inv-period,.inv-due{color:hsl(var(--muted-foreground))!important;font-size:.8125rem!important}.inv-amount{font-weight:700!important}.inv-status-badge{display:inline-block;padding:.2rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:600;background:hsl(var(--muted));color:hsl(var(--foreground))}.inv-status-paid{background:#21c45d1f;color:#16833e}.inv-status-sent{background:#f59f0a1f;color:#916822}.inv-status-overdue{background:#ef43431f;color:#af1d1d}.inv-status-draft{background:hsl(var(--muted));color:hsl(var(--muted-foreground))}.inv-status-void{background:hsl(var(--muted));color:hsl(var(--muted-foreground));opacity:.6}.btn-pdf{padding:.25rem .6rem;border-radius:.25rem;border:1px solid hsl(var(--border));background:transparent;font-size:.75rem;font-weight:600;cursor:pointer;color:hsl(var(--muted-foreground));transition:all .15s}.btn-pdf:hover{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.inv-detail-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem;border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted) / .3)}.inv-detail-number{font-family:ui-monospace,monospace;font-size:1.1rem;font-weight:700;color:hsl(var(--foreground))}.inv-detail-meta{font-size:.75rem;color:hsl(var(--muted-foreground));margin-top:.2rem}.inv-detail-body{padding:1.25rem}.inv-detail-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;border-bottom:1px solid hsl(var(--border));font-size:.875rem}.inv-detail-label{color:hsl(var(--muted-foreground));font-weight:500}.inv-detail-value{color:hsl(var(--foreground));text-align:right}.billing-loading,.billing-error,.billing-empty{padding:3rem 2rem;text-align:center;color:hsl(var(--muted-foreground))}.billing-empty-icon{font-size:2.5rem;margin-bottom:.75rem}.billing-pagination{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-top:1px solid hsl(var(--border))}.text-muted{color:hsl(var(--muted-foreground))}@media (max-width: 900px){.billing-layout{flex-direction:column}.invoice-detail-panel{width:100%;position:static}}.api-integration-container{background:hsl(var(--background));padding:2rem;max-width:1200px;margin:0 auto}@media (max-width: 768px){.api-integration-container{padding:1rem}}.api-header{margin-bottom:2rem}.page-title{font-size:2rem;font-weight:700;color:hsl(var(--foreground));margin:0 0 .5rem;line-height:1.2}.page-subtitle{font-size:1rem;color:hsl(var(--muted-foreground));margin:0}.api-tabs{display:flex;gap:.5rem;border-bottom:2px solid hsl(var(--border));margin-bottom:2rem}.tab-button{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:hsl(var(--muted-foreground));font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;margin-bottom:-2px}.tab-button:hover{color:hsl(var(--foreground))}.tab-button.active{color:hsl(var(--primary));border-bottom-color:hsl(var(--primary))}.api-content,.api-section{display:flex;flex-direction:column;gap:2rem}.info-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-title{font-size:1.25rem;font-weight:600;color:hsl(var(--foreground));margin:0}.info-card .section-title{margin-bottom:1rem}.info-card p{color:hsl(var(--foreground));margin-bottom:1.5rem;line-height:1.6}.feature-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.feature-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:hsl(var(--muted) / .3);border-radius:.5rem}.feature-item svg{color:hsl(var(--primary));flex-shrink:0;margin-top:.25rem}.feature-item strong{display:block;color:hsl(var(--foreground));margin-bottom:.25rem;font-size:.875rem}.feature-item p{font-size:.8125rem;color:hsl(var(--muted-foreground));margin:0}.coming-soon{padding:3rem 2rem;text-align:center}.coming-soon p{color:hsl(var(--foreground));margin:.5rem 0}.text-muted{color:hsl(var(--muted-foreground));font-size:.875rem}.docs-content{display:flex;flex-direction:column;gap:2rem}.docs-link{display:flex;align-items:center;gap:.75rem;padding:1rem;background:hsl(var(--muted) / .3);border-radius:.5rem;border:1px solid hsl(var(--border))}.docs-link code{flex:1;font-family:ui-monospace,monospace;font-size:.875rem;color:hsl(var(--primary));background:transparent;padding:0}.btn-copy{padding:.5rem;background:transparent;border:1px solid hsl(var(--border));border-radius:.375rem;color:hsl(var(--muted-foreground));cursor:pointer;transition:all .2s ease}.btn-copy:hover{background:hsl(var(--muted));color:hsl(var(--foreground));border-color:hsl(var(--primary))}.docs-features{padding-top:1.5rem;border-top:1px solid hsl(var(--border))}.docs-features h3{font-size:1rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 1rem}.docs-features ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.docs-features li{padding:.75rem 1rem;background:hsl(var(--muted) / .3);border-radius:.5rem;font-size:.875rem;color:hsl(var(--foreground))}.docs-features code{font-family:ui-monospace,monospace;background:hsl(var(--muted));padding:.125rem .375rem;border-radius:.25rem;color:hsl(var(--primary));font-size:.8125rem}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.btn-primary:hover{background:hsl(var(--primary) / .9);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}@media (max-width: 640px){.api-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{white-space:nowrap;padding:.75rem 1rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.feature-list{grid-template-columns:1fr}}.api-docs-container{max-width:100%}.docs-section{margin-bottom:3rem}.docs-section:last-child{margin-bottom:0}.docs-section-title{font-size:1.5rem;font-weight:600;color:hsl(var(--foreground));margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid hsl(var(--border))}.code-block{background-color:hsl(var(--muted));padding:1rem;border-radius:.5rem;overflow-x:auto;margin:1rem 0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.6}.code-block code{color:hsl(var(--foreground));background:transparent;padding:0;font-size:inherit}.endpoint-item{background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem}.endpoint-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.method-badge{padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.method-get{background-color:#10b981;color:#fff}.method-post{background-color:#3b82f6;color:#fff}.method-put{background-color:#f59e0b;color:#fff}.method-delete{background-color:#ef4444;color:#fff}.endpoint-path{font-size:1rem;font-weight:600;color:hsl(var(--foreground));font-family:Monaco,Menlo,Ubuntu Mono,monospace}.endpoint-description{color:hsl(var(--muted-foreground));margin-bottom:.5rem}.endpoint-note{font-size:.875rem;color:hsl(var(--muted-foreground));font-style:italic;margin-top:.5rem}.endpoint-details{margin-top:1rem;border-top:1px solid hsl(var(--border));padding-top:1rem}.endpoint-details summary{cursor:pointer;font-weight:600;color:hsl(var(--primary));margin-bottom:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.endpoint-details summary:hover{color:hsl(var(--primary) / .8)}.endpoint-details[open] summary{margin-bottom:1rem}.params-table{overflow-x:auto;margin:1rem 0}.params-table table{width:100%;border-collapse:collapse;font-size:.875rem}.params-table th,.params-table td{padding:.75rem;text-align:left;border-bottom:1px solid hsl(var(--border))}.params-table th{font-weight:600;background-color:hsl(var(--muted));color:hsl(var(--foreground))}.params-table code{background-color:hsl(var(--muted));padding:.125rem .375rem;border-radius:.25rem;font-size:.8125rem;color:hsl(var(--primary))}.status-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.status-badge{display:inline-block;padding:.375rem .75rem;background-color:hsl(var(--muted));color:hsl(var(--foreground));border-radius:.25rem;font-size:.875rem;font-weight:500;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.error-codes{margin-top:1.5rem}.error-codes h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:hsl(var(--foreground))}.error-codes ul{list-style:none;padding:0;margin:0}.error-codes li{padding:.5rem 0;color:hsl(var(--muted-foreground))}.error-codes code{background-color:hsl(var(--muted));padding:.125rem .375rem;border-radius:.25rem;font-size:.875rem;color:hsl(var(--primary));margin-right:.5rem}.ec-page{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}.ec-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.75rem;flex-wrap:wrap}.ec-title{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 .25rem}.ec-subtitle{font-size:.9rem;color:#64748b;margin:0;max-width:600px;line-height:1.5}.ec-json-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:#2563eb;text-decoration:none;border:1px solid #bfdbfe;border-radius:6px;padding:.35rem .75rem;background:#eff6ff;white-space:nowrap;transition:background .15s}.ec-json-link:hover{background:#dbeafe}.ec-controls{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.ec-search{width:100%;max-width:420px;padding:.5rem .85rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;outline:none;background:#fff;color:#0f172a}.ec-search:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #dbeafe}.ec-domain-pills{display:flex;flex-wrap:wrap;gap:.4rem}.ec-pill{padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:500;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;cursor:pointer;transition:all .15s}.ec-pill:hover:not(.active){background:#f1f5f9;border-color:#cbd5e1}.ec-pill.active{background:#1e40af;color:#fff;border-color:#1e40af}.ec-state{display:flex;align-items:center;gap:.5rem;padding:1.5rem;color:#94a3b8;font-size:.9rem}.ec-error{color:#ef4444}.ec-spinner{display:inline-block;width:16px;height:16px;border:2px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:ec-spin .7s linear infinite}@keyframes ec-spin{to{transform:rotate(360deg)}}.ec-group{margin-bottom:2rem}.ec-group-header{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;background:#f8fafc;border-left:3px solid;border-radius:0 6px 6px 0;margin-bottom:.5rem}.ec-group-badge{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:4px;letter-spacing:.06em;font-family:monospace}.ec-group-label{font-size:.875rem;font-weight:600;color:#334155}.ec-group-count{margin-left:auto;font-size:.75rem;color:#94a3b8}.ec-table{width:100%;border-collapse:collapse;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;font-size:.85rem}.ec-table thead tr{background:#f1f5f9}.ec-table th{text-align:left;padding:.6rem 1rem;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e2e8f0}.ec-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .1s}.ec-table tbody tr:last-child{border-bottom:none}.ec-table tbody tr:hover{background:#fafafa}.ec-table td{padding:.65rem 1rem;vertical-align:top;color:#334155}.ec-col-code{width:110px}.ec-col-label{width:220px}.ec-col-vis{width:120px}.ec-col-note{min-width:260px}.ec-code-badge{font-family:Courier New,monospace;font-size:.78rem;font-weight:700;padding:2px 7px;border-radius:4px;letter-spacing:.04em;white-space:nowrap}.ec-label-cell{font-weight:500}.ec-vis-badge{display:inline-block;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap}.ec-vis-ext{background:#dbeafe;color:#1e40af}.ec-vis-both{background:#dcfce7;color:#15803d}.ec-note-cell{color:#64748b;line-height:1.45}.ec-footer-note{margin-top:1.5rem;padding:.85rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:.8rem;color:#64748b;line-height:1.5}.notifications-page{max-width:1000px}.notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-actions{display:flex;gap:1rem;align-items:center}.header-actions select{padding:.5rem;border:1px solid hsl(var(--input));border-radius:calc(var(--radius) / 2)}.btn-secondary{padding:.5rem 1rem;background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:none;border-radius:calc(var(--radius) / 2);cursor:pointer}.notifications-list{display:flex;flex-direction:column;gap:1rem}.notification-item{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1.5rem;display:flex;justify-content:space-between;align-items:flex-start}.notification-item.unread{border-left:4px solid hsl(var(--primary));background:hsl(var(--primary) / .05)}.notification-content h3{margin:0 0 .5rem;font-size:1.125rem}.notification-content p{margin:0 0 .5rem;color:hsl(var(--muted-foreground))}.notification-time{font-size:.875rem;color:hsl(var(--muted-foreground))}.mark-read-btn{padding:.5rem 1rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:calc(var(--radius) / 2);cursor:pointer;font-size:.875rem}.notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem}.notifications-empty .empty-icon{display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:hsl(var(--muted-foreground) / .6)}.notifications-empty h3{font-size:1.5rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 .5rem}.notifications-empty p{font-size:.875rem;color:hsl(var(--muted-foreground));margin:0}.payment-page{display:flex;justify-content:center;align-items:flex-start;padding:2rem 1rem;min-height:60vh}.payment-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:2rem;width:100%;max-width:480px;display:flex;flex-direction:column;gap:1.25rem}.payment-title{font-size:1.25rem;font-weight:600;margin:0}.payment-desc{color:hsl(var(--muted-foreground));font-size:.9rem;margin:0}.payment-zar-amount{font-size:1.5rem;font-weight:700;color:hsl(var(--primary));margin:0}.payment-amount{font-size:1.375rem;font-weight:700;margin:0}.currency-section{display:flex;flex-direction:column;gap:.5rem}.currency-label{font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--muted-foreground))}.currency-options{display:flex;flex-wrap:wrap;gap:.5rem}.currency-btn{display:flex;align-items:center;gap:.35rem;padding:.45rem .75rem;border:1.5px solid hsl(var(--border));border-radius:.375rem;background:transparent;cursor:pointer;font-size:.85rem;transition:border-color .15s,background .15s}.currency-btn.selected{border-color:hsl(var(--primary));background:hsl(var(--primary) / .07)}.currency-symbol,.currency-code{font-weight:600}.currency-name{color:hsl(var(--muted-foreground));font-size:.78rem}.currency-gateway-note{font-size:.78rem;color:hsl(var(--muted-foreground));margin:0}.payment-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.btn-pay{padding:.6rem 1.5rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:.375rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .15s}.btn-pay:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{padding:.6rem 1.25rem;border:1px solid hsl(var(--border));background:transparent;border-radius:.375rem;font-size:.9rem;cursor:pointer}.btn-link{background:none;border:none;color:hsl(var(--primary));cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.payment-error{color:hsl(var(--destructive));font-size:.85rem;margin:0}.payment-redirecting{display:flex;align-items:center;justify-content:center;min-height:60vh;font-size:1rem;color:hsl(var(--muted-foreground))}.stripe-form{display:flex;flex-direction:column;gap:1.25rem}.freight-booking{max-width:1080px;margin:0 auto;padding:2rem}.back-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.875rem;color:hsl(var(--muted-foreground));text-decoration:none;margin-bottom:1.25rem;cursor:pointer;background:none;border:none;padding:0}.back-link:hover{color:hsl(var(--foreground))}.freight-header{margin-bottom:2rem}.page-title{font-size:1.75rem;font-weight:700;color:hsl(var(--foreground));margin:0 0 .35rem}.page-subtitle{font-size:.95rem;color:hsl(var(--muted-foreground));margin:0}.freight-body{display:grid;grid-template-columns:210px 1fr;gap:2.5rem;align-items:start}.freight-panels{min-width:0}@media (max-width: 680px){.freight-body{grid-template-columns:1fr}.freight-stepper{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}}.freight-stepper{display:flex;flex-direction:column;gap:0;position:sticky;top:1.5rem}.freight-step{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:.5rem;cursor:default;position:relative}.freight-step:before{content:"";position:absolute;left:1.25rem;top:100%;width:2px;height:.5rem;background:hsl(var(--border))}.freight-step:last-child:before{display:none}.freight-step-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;border:2px solid hsl(var(--border));background:hsl(var(--background));color:hsl(var(--muted-foreground));transition:all .2s}.freight-step.active .freight-step-dot{background:#0d9488;border-color:#0d9488;color:#fff}.freight-step.done .freight-step-dot{background:#dcfce7;border-color:#16a34a;color:#16a34a}.freight-step-label{font-size:.8rem;color:hsl(var(--muted-foreground));font-weight:500}.freight-step.active .freight-step-label{color:#0d9488;font-weight:700}.freight-step.done .freight-step-label{color:#16a34a}.freight-step-panel{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.875rem;padding:2.25rem 2.5rem}.step-title{font-size:1.25rem;font-weight:700;color:hsl(var(--foreground));margin:0 0 .35rem}.step-subtitle{font-size:.9rem;color:hsl(var(--muted-foreground));margin:0 0 1.5rem}.step-actions{display:flex;gap:.75rem;margin-top:1.75rem;flex-wrap:wrap}.mode-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}@media (max-width: 560px){.mode-cards{grid-template-columns:1fr}}.mode-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.25rem;border:2px solid hsl(var(--border));border-radius:.875rem;background:hsl(var(--background));cursor:pointer;transition:all .2s;gap:.875rem}.mode-card:hover{border-color:#0d9488;background:#f0fdfb}.mode-card.selected{border-color:#0d9488;background:#e0faf7}.mode-icon{width:48px;height:48px;stroke:#0d9488;flex-shrink:0}.mode-card.selected .mode-icon{stroke:#0d7a70}.mode-title{font-size:.95rem;font-weight:700;color:hsl(var(--foreground));margin:0}.mode-desc{font-size:.8rem;color:hsl(var(--muted-foreground));margin:0;line-height:1.4}.form-group{margin-bottom:1.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-section-title{font-size:.95rem;font-weight:700;color:hsl(var(--foreground));margin:0 0 1rem;padding-top:.25rem}.addr-group{background:hsl(var(--muted) / .4);border:1px solid hsl(var(--border));border-radius:.75rem;padding:1.25rem;margin-bottom:1.25rem}.addr-group--depot{background:#ebfaf8;border-color:#99e6de}.addr-depot-note{font-size:.82rem;color:#26736b;margin:-.5rem 0 1rem;line-height:1.5}.form-label{display:block;font-size:.875rem;font-weight:600;color:hsl(var(--foreground));margin-bottom:.4rem}.required{color:#dc2626;margin-left:2px}.form-input,.form-select{width:100%;padding:.6rem .875rem;border:1px solid hsl(var(--border));border-radius:.5rem;font-size:.9rem;background:hsl(var(--background));color:hsl(var(--foreground));outline:none;transition:border-color .15s;box-sizing:border-box}.form-input:focus,.form-select:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d94881f}.form-error{font-size:.8rem;color:#dc2626;margin-top:.5rem;padding:.5rem .75rem;background:#fee2e2;border-radius:.4rem}.text-muted{font-size:.8rem;color:hsl(var(--muted-foreground));margin-top:.35rem}.fvl-toggle-row{display:flex;align-items:center;gap:.75rem}.fvl-toggle-switch{position:relative;width:44px;height:24px;border-radius:12px;background:hsl(var(--border));border:none;cursor:pointer;flex-shrink:0;transition:background .2s;padding:0;outline:none}.fvl-toggle-switch:focus-visible{box-shadow:0 0 0 3px #0d948840}.fvl-toggle-switch--on{background:#0d9488}.fvl-toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s;display:block}.fvl-toggle-switch--on .fvl-toggle-thumb{transform:translate(20px)}.fvl-toggle-label{font-size:.875rem;font-weight:600;color:hsl(var(--foreground));cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.surcharge-checkbox{width:20px;height:20px;border-radius:5px;border:2px solid hsl(var(--border));background:hsl(var(--background));display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;color:#fff}.surcharge-checkbox svg{width:12px;height:12px}.surcharge-checkbox--checked{background:#0d9488;border-color:#0d9488}.surcharge-checkbox--disabled{background:#dcfce7;border-color:#16a34a;cursor:default}.surcharge-checkbox--disabled svg{color:#16a34a}.toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.surcharge-list{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1.25rem}.surcharge-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border:1px solid hsl(var(--border));border-radius:.5rem;background:hsl(var(--background));cursor:pointer;transition:background .15s;gap:.75rem}.surcharge-item:hover{background:hsl(var(--muted) / .4)}.surcharge-item.mandatory{background:#f0fdfb;border-color:#99f6e4;cursor:default}.surcharge-name{font-size:.875rem;color:hsl(var(--foreground));font-weight:500;flex:1}.surcharge-amount{font-size:.875rem;font-weight:700;color:hsl(var(--foreground));white-space:nowrap}.badge-mandatory{font-size:.65rem;font-weight:700;background:#0d9488;color:#fff;padding:2px 7px;border-radius:10px;text-transform:uppercase;letter-spacing:.03em}.quote-card{background:#f0fdfb;border:1px solid #99f6e4;border-radius:.875rem;padding:1.5rem;margin-bottom:1.5rem}.quote-badge{display:inline-block;font-size:.7rem;font-weight:700;background:#0d9488;color:#fff;padding:3px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.quote-route{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.quote-route-text{font-size:1rem;font-weight:700;color:hsl(var(--foreground))}.quote-currency{font-size:.75rem;color:hsl(var(--muted-foreground));margin-left:auto}.quote-description{font-size:.875rem;color:hsl(var(--muted-foreground));margin-bottom:1rem;font-style:italic}.quote-breakdown{display:flex;flex-direction:column;gap:.4rem;border-top:1px solid #99f6e4;padding-top:.875rem}.quote-line{display:flex;justify-content:space-between;font-size:.875rem;color:hsl(var(--foreground))}.surcharge-line{color:hsl(var(--muted-foreground))}.quote-total{font-weight:800;font-size:1rem;color:#0d7a70;border-top:1px solid #99f6e4;padding-top:.625rem;margin-top:.25rem}.radio-group{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}@media (max-width: 500px){.radio-group{grid-template-columns:1fr}}.radio-label{display:flex;flex-direction:column;gap:.4rem;padding:1rem 1.25rem;border:2px solid hsl(var(--border));border-radius:.75rem;cursor:pointer;transition:all .15s;font-size:.875rem;font-weight:600;color:hsl(var(--foreground))}.radio-label:has(input:checked){border-color:#0d9488;background:#e0faf7}.radio-label input{display:none}.radio-label span{font-size:.775rem;font-weight:400;color:hsl(var(--muted-foreground))}.confirm-summary{background:hsl(var(--muted) / .3);border:1px solid hsl(var(--border));border-radius:.75rem;padding:1.25rem 1.5rem;margin-bottom:1.5rem}.summary-section{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid hsl(var(--border))}.summary-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.summary-section h4{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:hsl(var(--muted-foreground));margin:0 0 .5rem}.summary-section p{font-size:.875rem;color:hsl(var(--foreground));margin:.2rem 0}.confirm-total{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#0d9488;color:#fff;border-radius:.75rem;margin-bottom:1.5rem;font-weight:700;font-size:1rem}.success-panel{text-align:center;padding:3rem 2rem}.success-icon{width:64px;height:64px;background:#dcfce7;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 1.25rem}.success-order{font-size:1.25rem;font-weight:700;color:hsl(var(--foreground));margin:0 0 .5rem}.success-tracking{font-size:.9rem;color:hsl(var(--muted-foreground));margin:0 0 2rem}.prepaid-notice{background:#dcfce7;border:1px solid #86efac;border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem;color:#166534;margin-bottom:1.25rem;line-height:1.5}.fbu-page{max-width:1080px;margin:0 auto;padding:2rem}.fbu-back{display:inline-flex;align-items:center;gap:.4rem;font-size:.875rem;color:hsl(var(--muted-foreground));text-decoration:none;margin-bottom:1.25rem}.fbu-back:hover{color:hsl(var(--foreground))}.fbu-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.fbu-title{font-size:1.75rem;font-weight:700;color:hsl(var(--foreground));margin:0 0 .3rem}.fbu-subtitle{font-size:.95rem;color:hsl(var(--muted-foreground));margin:0}.fbu-template-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border:1.5px solid #111827;background:#fff;color:#111827;border-radius:.5rem;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.fbu-template-btn:hover{background:#111827;color:#fff}.fbu-success-banner{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#dcfce7;border:1px solid #86efac;border-radius:.75rem;margin-bottom:1.5rem;font-size:.9rem;color:#166534}.fbu-success-icon{width:32px;height:32px;background:#16a34a;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.fbu-partial{color:#b45309}.fbu-redir{color:#15803d;font-style:italic}.fbu-dropzone{border:2px dashed hsl(var(--border));border-radius:.875rem;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .2s;background:hsl(var(--muted) / .2);margin-bottom:1.5rem}.fbu-dropzone:hover,.fbu-dropzone--active{border-color:#111827;background:hsl(var(--muted) / .4)}.fbu-hidden{display:none}.fbu-upload-icon{width:48px;height:48px;margin:0 auto 1rem;color:hsl(var(--muted-foreground))}.fbu-filename{font-weight:600;font-size:.95rem;color:hsl(var(--foreground));margin:0}.fbu-drop-label{font-size:.95rem;color:hsl(var(--foreground));margin:0 0 .4rem}.fbu-browse{color:#0d9488;font-weight:600}.fbu-drop-hint{font-size:.8rem;color:hsl(var(--muted-foreground));margin:0}.fbu-errors{background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;padding:1rem 1.25rem;margin-bottom:1.5rem}.fbu-errors-title{font-weight:700;font-size:.875rem;color:#b91c1c;margin:0 0 .5rem}.fbu-errors ul{margin:0;padding:0 0 0 1.25rem}.fbu-errors li{font-size:.825rem;color:#991b1b;margin-bottom:.2rem}.fbu-api-error{background:#fef2f2;border-color:#f87171}.fbu-partial-errors{background:#fffbeb;border-color:#fcd34d}.fbu-partial-errors .fbu-errors-title{color:#92400e}.fbu-partial-errors li{color:#78350f}.fbu-preview-header{display:flex;align-items:center;gap:1rem;margin-bottom:.875rem}.fbu-preview-count{font-size:.875rem;font-weight:600;color:hsl(var(--foreground))}.fbu-preview-ok{font-size:.8rem;font-weight:600;color:#15803d;background:#dcfce7;padding:2px 8px;border-radius:10px}.fbu-table-wrap{overflow-x:auto;border:1px solid hsl(var(--border));border-radius:.75rem;margin-bottom:1.5rem}.fbu-table{width:100%;border-collapse:collapse;font-size:.8rem}.fbu-table th{padding:.625rem .875rem;text-align:left;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .4);border-bottom:1px solid hsl(var(--border));white-space:nowrap}.fbu-table td{padding:.6rem .875rem;border-bottom:1px solid hsl(var(--border));color:hsl(var(--foreground));vertical-align:middle}.fbu-table tr:last-child td{border-bottom:none}.fbu-table tbody tr:hover{background:hsl(var(--muted) / .3)}.fbu-row-num{color:hsl(var(--muted-foreground));font-weight:600}.fbu-route{white-space:nowrap}.fbu-notes{color:hsl(var(--muted-foreground));max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fbu-missing{color:#dc2626;font-weight:700}.fbu-mode-badge{display:inline-block;font-size:.65rem;font-weight:700;color:#fff;padding:2px 7px;border-radius:10px;letter-spacing:.05em}.fbu-actions{display:flex;align-items:center;gap:.875rem;justify-content:flex-end}.fbu-cancel-btn{padding:.625rem 1.5rem;font-size:.875rem;font-weight:500;border:1px solid hsl(var(--border));background:transparent;color:hsl(var(--muted-foreground));border-radius:.5rem;text-decoration:none;transition:all .2s}.fbu-cancel-btn:hover{background:hsl(var(--muted) / .4);color:hsl(var(--foreground))}.fbu-submit-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:.9rem;font-weight:700;background:#111827;color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s}.fbu-submit-btn:hover:not(:disabled){background:#374151;transform:translateY(-1px);box-shadow:0 4px 10px #0003}.fbu-submit-btn:disabled{opacity:.5;cursor:not-allowed}.fbu-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:fbu-spin .7s linear infinite;margin-right:.25rem}@keyframes fbu-spin{to{transform:rotate(360deg)}}.fsl-page{max-width:1200px;margin:0 auto;padding:2rem}.fsl-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.fsl-title{font-size:1.75rem;font-weight:700;color:hsl(var(--foreground));margin:0 0 .25rem}.fsl-subtitle{font-size:.875rem;color:hsl(var(--muted-foreground));margin:0}.fsl-actions{display:flex;gap:.75rem;align-items:center}.fsl-filters{display:flex;gap:1.5rem;align-items:flex-end;margin-bottom:1.25rem;flex-wrap:wrap}.fsl-filter-group{display:flex;flex-direction:column;gap:.35rem}.fsl-filter-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--muted-foreground))}.fsl-tab-group{display:flex;border:1px solid hsl(var(--border));border-radius:6px;overflow:hidden}.fsl-tab{padding:.375rem .85rem;font-size:.8125rem;font-weight:500;border:none;background:hsl(var(--card));color:hsl(var(--muted-foreground));cursor:pointer;transition:background .15s,color .15s}.fsl-tab+.fsl-tab{border-left:1px solid hsl(var(--border))}.fsl-tab:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.fsl-tab.active{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.fsl-select{padding:.375rem .65rem;border:1px solid hsl(var(--border));border-radius:6px;background:hsl(var(--card));color:hsl(var(--foreground));font-size:.8125rem;min-width:160px}.fsl-error-banner{display:flex;align-items:center;justify-content:space-between;background:#fdecec;border:1px solid hsl(0 72% 86%);color:#a32929;border-radius:8px;padding:.65rem 1rem;font-size:.875rem;margin-bottom:1rem}.fsl-error-banner button{background:none;border:none;cursor:pointer;font-size:1rem;color:inherit}.fsl-loading{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem;color:hsl(var(--muted-foreground))}.fsl-empty{text-align:center;padding:3rem;color:hsl(var(--muted-foreground));display:flex;flex-direction:column;align-items:center;gap:1rem}.fsl-table-wrap{border:1px solid hsl(var(--border));border-radius:10px;overflow:hidden;overflow-x:auto}.fsl-table{width:100%;border-collapse:collapse;font-size:.875rem}.fsl-table th{text-align:left;padding:.65rem .85rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .4);border-bottom:1px solid hsl(var(--border));white-space:nowrap}.fsl-table td{padding:.7rem .85rem;border-bottom:1px solid hsl(var(--border) / .6);color:hsl(var(--foreground));vertical-align:middle}.fsl-row{cursor:pointer;transition:background .1s}.fsl-row:hover{background:hsl(var(--muted) / .3)}.fsl-row:last-child td{border-bottom:none}.fsl-order-no{font-weight:600;white-space:nowrap}.fsl-tracking{font-size:.8rem;color:hsl(var(--muted-foreground));white-space:nowrap}.fsl-badge{display:inline-block;padding:.2rem .55rem;border-radius:4px;font-size:.7rem;font-weight:700;letter-spacing:.06em}.badge-road{background:#fef3c7;color:#92400e}.badge-air{background:#dbeafe;color:#1e3a8a}.badge-sea{background:#ccfbf1;color:#134e4a}.badge-default{background:hsl(var(--muted));color:hsl(var(--muted-foreground))}.fsl-status{display:inline-block;padding:.2rem .55rem;border-radius:20px;font-size:.75rem;font-weight:500;white-space:nowrap;background:hsl(var(--muted));color:hsl(var(--muted-foreground))}.fsl-status.status-booked{background:#eff6ff;color:#1d4ed8}.fsl-status.status-in_transit{background:#fff7ed;color:#c2410c}.fsl-status.status-cleared{background:#f0fdf4;color:#166534}.fsl-status.status-delivered{background:#dcfce7;color:#14532d}.fsl-status.status-customs_clearance{background:#fef9c3;color:#713f12}.fsl-awb-no{font-family:monospace;font-size:.8rem;color:hsl(var(--foreground));white-space:nowrap}.fsl-awb-pending{font-size:.75rem;color:hsl(var(--muted-foreground));font-style:italic}.btn-primary-sm{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem 1rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;text-decoration:none;transition:opacity .15s;white-space:nowrap}.btn-primary-sm:hover{opacity:.9}.btn-secondary-sm{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem 1rem;background:hsl(var(--card));color:hsl(var(--foreground));border:1px solid hsl(var(--border));border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:none;transition:background .15s;white-space:nowrap}.btn-secondary-sm:disabled{opacity:.5;cursor:not-allowed}.btn-icon-sm{display:inline-flex;align-items:center;gap:.2rem;padding:.3rem .65rem;background:hsl(var(--primary) / .08);color:hsl(var(--primary));border:1px solid hsl(var(--primary) / .25);border-radius:5px;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}.btn-icon-sm:hover{background:hsl(var(--primary) / .16)}.btn-icon-sm:disabled{opacity:.5;cursor:not-allowed}.fsl-pagination{display:flex;align-items:center;gap:1rem;justify-content:center;margin-top:1.25rem}.fsl-page-info{font-size:.875rem;color:hsl(var(--muted-foreground))}.fsd-page{max-width:1100px;margin:0 auto;padding:2rem}.fsd-back{display:inline-flex;align-items:center;gap:.35rem;font-size:.875rem;color:hsl(var(--muted-foreground));text-decoration:none;margin-bottom:1.25rem;transition:color .15s}.fsd-back:hover{color:hsl(var(--foreground))}.fsd-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.75rem;flex-wrap:wrap}.fsd-hero-left{display:flex;flex-direction:column;gap:.35rem}.fsd-hero-right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.fsd-title{font-size:1.6rem;font-weight:700;color:hsl(var(--foreground));margin:0}.fsd-tracking{font-size:.85rem;color:hsl(var(--muted-foreground));font-family:monospace;margin:0}.fsd-badge{display:inline-block;padding:.2rem .6rem;border-radius:4px;font-size:.7rem;font-weight:700;letter-spacing:.06em;align-self:flex-start}.fsd-badge-road{background:#fef3c7;color:#92400e}.fsd-badge-air{background:#dbeafe;color:#1e3a8a}.fsd-badge-sea{background:#ccfbf1;color:#134e4a}.fsd-status-badge{display:inline-block;padding:.3rem .85rem;border-radius:20px;font-size:.8125rem;font-weight:600;background:hsl(var(--muted));color:hsl(var(--muted-foreground))}.fsd-status-badge.status-booked{background:#eff6ff;color:#1d4ed8}.fsd-status-badge.status-in_transit{background:#fff7ed;color:#c2410c}.fsd-status-badge.status-cleared{background:#f0fdf4;color:#166534}.fsd-status-badge.status-delivered{background:#dcfce7;color:#14532d}.fsd-status-badge.status-customs_clearance{background:#fef9c3;color:#713f12}.fsd-error-banner{display:flex;align-items:center;justify-content:space-between;background:#fdecec;border:1px solid hsl(0 72% 86%);color:#a32929;border-radius:8px;padding:.65rem 1rem;font-size:.875rem;margin-bottom:1rem}.fsd-error-banner button{background:none;border:none;cursor:pointer;font-size:1rem;color:inherit}.fsd-awb-card{display:flex;align-items:center;gap:1.25rem;background:hsl(var(--primary) / .06);border:1px solid hsl(var(--primary) / .2);border-radius:10px;padding:1rem 1.25rem;flex-wrap:wrap}.fsd-awb-number{font-family:monospace;font-size:1.1rem;font-weight:700;color:hsl(var(--primary));letter-spacing:.05em}.fsd-awb-meta{font-size:.8125rem;color:hsl(var(--muted-foreground));flex:1}.fsd-awb-pending-box{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;background:hsl(var(--muted) / .4);border:1px dashed hsl(var(--border));border-radius:10px;text-align:center}.fsd-awb-pending-icon{font-size:2rem}.fsd-awb-pending-box p{margin:0;color:hsl(var(--muted-foreground))}.fsd-awb-pending-hint{font-size:.8125rem}.fsd-awb-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem 1rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s;white-space:nowrap}.fsd-awb-btn:hover{opacity:.9}.fsd-awb-btn:disabled{opacity:.5;cursor:not-allowed}.fsd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;margin-bottom:1.25rem}.fsd-section{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:10px;padding:1.25rem;margin-bottom:1.25rem}.fsd-grid .fsd-section{margin-bottom:0}.fsd-section-title{font-size:.9375rem;font-weight:700;color:hsl(var(--foreground));margin:0 0 1rem}.fsd-fields{display:flex;flex-direction:column;gap:.65rem}.fsd-field{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid hsl(var(--border) / .5)}.fsd-field:last-child{border-bottom:none;padding-bottom:0}.fsd-field-total .fsd-label,.fsd-field-total .fsd-value{font-weight:700;font-size:1rem}.fsd-label{font-size:.8rem;color:hsl(var(--muted-foreground));flex-shrink:0}.fsd-value{font-size:.875rem;color:hsl(var(--foreground));text-align:right}.fsd-mono{font-family:monospace}.fsd-timeline{display:flex;flex-direction:column;gap:.75rem}.fsd-timeline-item{display:flex;gap:.85rem;align-items:flex-start}.fsd-timeline-dot{width:10px;height:10px;border-radius:50%;background:hsl(var(--primary));flex-shrink:0;margin-top:4px}.fsd-timeline-body{display:flex;flex-direction:column;gap:.15rem}.fsd-timeline-status{font-size:.875rem;font-weight:600;color:hsl(var(--foreground))}.fsd-timeline-note{font-size:.8rem;color:hsl(var(--muted-foreground))}.fsd-timeline-time{font-size:.75rem;color:hsl(var(--muted-foreground))}.fsd-loading,.fsd-error{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem;text-align:center;color:hsl(var(--muted-foreground))}.btn-secondary-sm{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem 1rem;background:hsl(var(--card));color:hsl(var(--foreground));border:1px solid hsl(var(--border));border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:none;transition:background .15s}.btn-secondary-sm:hover{background:hsl(var(--muted))}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--primary: 174 100% 42.5%;--primary-foreground: 0 0% 100%;--background: 186 33% 94%;--foreground: 215 25% 27%;--card: 0 0% 100%;--card-foreground: 215 25% 27%;--popover: 0 0% 100%;--popover-foreground: 215 25% 27%;--secondary: 186 33% 96%;--secondary-foreground: 215 19% 35%;--muted: 186 33% 96%;--muted-foreground: 214 14% 51%;--accent: 186 33% 94%;--accent-foreground: 174 100% 42.5%;--status-pending: 38 92% 50%;--status-pending-bg: 48 100% 88%;--status-assigned: 217 91% 60%;--status-assigned-bg: 214 100% 92%;--status-picked-up: 258 90% 66%;--status-picked-up-bg: 250 100% 95%;--status-in-transit: 239 84% 67%;--status-in-transit-bg: 236 93% 94%;--status-delivered: 158 64% 52%;--status-delivered-bg: 152 81% 91%;--status-failed: 0 84% 60%;--status-failed-bg: 0 100% 94%;--destructive: 0 84% 60%;--destructive-foreground: 0 0% 100%;--success: 158 64% 52%;--success-bg: 152 81% 91%;--warning: 38 92% 50%;--warning-bg: 48 100% 88%;--error: 0 84% 60%;--error-bg: 0 100% 94%;--info: 217 91% 60%;--info-bg: 214 100% 92%;--border: 214 32% 91%;--input: 214 32% 91%;--ring: 174 100% 42.5%;--radius: .75rem}*{border-color:hsl(var(--border))}html{font-size:15px}body{--tw-bg-opacity: 1;background-color:hsl(186 33% 94% / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:hsl(215 25% 27% / var(--tw-text-opacity, 1));font-feature-settings:"rlig" 1,"calt" 1;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem;line-height:1.5}h1{font-size:1.5rem;font-weight:600;line-height:1.25}h2{font-size:1.25rem;font-weight:600;line-height:1.3}h3{font-size:1rem;font-weight:600;line-height:1.4}h4,h5,h6{font-size:.875rem;font-weight:600;line-height:1.4}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.btn-primary{border-radius:.5rem;--tw-bg-opacity: 1;background-color:hsl(174 100% 42.5% / var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-weight:500;--tw-text-opacity: 1;color:hsl(0 0% 100% / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.btn-primary:hover{opacity:.9;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.btn-primary:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.badge-status{display:inline-flex;align-items:center;gap:.25rem;border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500}.badge-pending{background-color:hsl(var(--status-pending-bg));color:hsl(var(--status-pending))}.badge-assigned{background-color:hsl(var(--status-assigned-bg));color:hsl(var(--status-assigned))}.badge-in-transit{background-color:hsl(var(--status-in-transit-bg));color:hsl(var(--status-in-transit))}.badge-delivered{background-color:hsl(var(--status-delivered-bg));color:hsl(var(--status-delivered))}.badge-failed{background-color:hsl(var(--status-failed-bg));color:hsl(var(--status-failed))}.bottom-nav-item.active{font-weight:500;--tw-text-opacity: 1;color:hsl(174 100% 42.5% / var(--tw-text-opacity, 1))}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:3rem;padding-bottom:3rem;text-align:center}.notification-badge{position:absolute;top:-.25rem;right:-.25rem;--tw-bg-opacity: 1;background-color:hsl(0 84% 60% / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:hsl(0 0% 100% / var(--tw-text-opacity, 1));display:flex;height:1.25rem;width:1.25rem;align-items:center;justify-content:center;border-radius:9999px;font-size:.75rem;line-height:1rem;font-weight:500}.zone-card.active{--tw-border-opacity: 1;border-color:hsl(174 100% 42.5% / var(--tw-border-opacity, 1));background-color:#00d9c30d}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.border-collapse{border-collapse:collapse}.resize{resize:both}.break-all{word-break:break-all}.border{border-width:1px}.text-right{text-align:right}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.text-error{--tw-text-opacity: 1;color:hsl(0 84% 60% / var(--tw-text-opacity, 1))}.text-muted{--tw-text-opacity: 1;color:hsl(186 33% 96% / var(--tw-text-opacity, 1))}.text-success{--tw-text-opacity: 1;color:hsl(158 64% 52% / var(--tw-text-opacity, 1))}.text-warning{--tw-text-opacity: 1;color:hsl(38 92% 50% / var(--tw-text-opacity, 1))}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.scanner-container{position:relative;width:100%;height:100%}.scanner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;pointer-events:none}.scanner-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:250px;height:250px;border:2px solid hsl(var(--primary));border-radius:8px;box-shadow:0 0 0 9999px #00000080}.scan-line{position:absolute;width:100%;height:2px;background:linear-gradient(to right,transparent,hsl(var(--primary)),transparent);animation:scan 2s ease-in-out infinite}@keyframes scan{0%,to{top:0}50%{top:100%}}.map-container{width:100%;height:100%;min-height:300px;border-radius:.75rem;overflow:hidden}.loading-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.spinner{display:inline-block;height:1.25rem;width:1.25rem}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite;border-radius:9999px;border-width:2px;--tw-border-opacity: 1;border-color:hsl(174 100% 42.5% / var(--tw-border-opacity, 1));border-top-color:transparent}.transition-smooth,.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.card-hover:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in-bottom{animation:slideInBottom .3s ease-out}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.signature-canvas{border:2px dashed hsl(var(--border));border-radius:8px;cursor:crosshair}.photo-preview{position:relative;overflow:hidden;border-radius:.5rem;aspect-ratio:4 / 3}@keyframes pulse-ring{0%,to{opacity:1}50%{opacity:.5;transform:scale(1.1)}}