:root{--color-primary:#f09a23;--color-primary-hover:#d98a1f;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-bg:#f8fafc;--color-surface:#fff;--color-text:#0f172a;--color-text-muted:#64748b;--color-border:#e2e8f0;--color-meter-bg:#e2e8f0;--color-overlay:#0f172a73;--color-primary-light:#fff3e0;--color-success:#059669;--color-success-bg:#d1fae5;--color-danger-light:#fee2e2;--color-warning-bg:#fef3c7;--color-info-bg:#dbeafe;--color-purple-bg:#f3e8ff;--color-search-bg:#fff;--shadow-soft:0 18px 45px #0f172a14;--shadow-card:0 1px 2px #0f172a0d, 0 18px 40px #0f172a0f;--ring-primary:0 0 0 4px #f09a2324;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--border-radius-md:.75rem;--border-radius-lg:1rem;color:var(--color-text);background:var(--color-bg);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dark{--color-bg:#0f172a;--color-surface:#1e293b;--color-text:#f1f5f9;--color-text-muted:#94a3b8;--color-border:#334155;--color-meter-bg:#334155;--color-overlay:#0009;--color-primary-light:#1e1b4b;--color-search-bg:#1e293b}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at top left, #f09a2314, transparent 32rem), linear-gradient(180deg, #fffaf4 0%, var(--color-bg) 38%);margin:0}a{color:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border-right:1px solid #e2e8f0cc;flex-direction:column;width:260px;display:flex;box-shadow:18px 0 45px #0f172a0a}.brand{padding:1.35rem var(--spacing-lg);border-bottom:1px solid #e2e8f0b3;justify-content:center;align-items:center;display:flex}.brand img{width:190px;max-width:100%;height:auto}.sidebar-nav{gap:var(--spacing-sm);padding:var(--spacing-md);flex-direction:column;flex:1;display:flex}.sidebar-group-label{color:var(--color-text-muted);letter-spacing:.08em;padding:.9rem var(--spacing-md) .35rem;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.68rem;font-weight:800;display:flex}.sidebar-subnav{gap:var(--spacing-xs);padding-left:var(--spacing-md);flex-direction:column;display:flex}.main-shell{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;gap:var(--spacing-md);padding:.85rem var(--spacing-lg);z-index:20;background:#ffffffc7;border-bottom:1px solid #e2e8f0bf;justify-content:flex-end;display:flex;position:sticky;top:0}.content{flex:1;padding:1.65rem;overflow:auto}.login-page,.page-center{min-height:100vh;padding:var(--spacing-lg);justify-content:center;align-items:center;display:flex}.login-card{width:100%;max-width:420px}.welcome-page{background:linear-gradient(#eef2ff 0%,#f8fafc 36%);min-height:100vh}.welcome-header{max-width:1120px;padding:var(--spacing-lg);justify-content:center;align-items:center;margin:0 auto;display:flex}.welcome-header img{width:180px;height:auto}.welcome-main{gap:var(--spacing-lg);max-width:1120px;padding:0 var(--spacing-lg) var(--spacing-xl);flex-direction:column;margin:0 auto;display:flex}.tracking-hero{align-items:center;gap:var(--spacing-lg);grid-template-columns:minmax(0,.9fr) minmax(320px,.7fr);min-height:270px;display:grid}.tracking-hero h1{margin-bottom:var(--spacing-md);font-size:2.75rem;line-height:1.05}.tracking-hero p{color:var(--color-text-muted);max-width:580px;font-size:1.05rem}.tracking-search{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-soft);gap:var(--spacing-sm);background:#ffffffe6;border:1px solid #ffffffe6;border-radius:1.25rem;padding:.5rem;display:flex}.tracking-search .btn{white-space:nowrap}.tracking-alert{border-radius:var(--border-radius-lg);color:#991b1b;padding:var(--spacing-md);background:#fee2e2;border:1px solid #fecaca}.tracking-result{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:0 18px 40px #0f172a0f}.tracking-result-header{border-bottom:1px solid var(--color-border);align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);justify-content:space-between;display:flex}.tracking-result-header h2{font-size:1.65rem}.tracking-summary{gap:var(--spacing-md);margin-bottom:var(--spacing-md);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.tracking-summary div,.tracking-box{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-md);gap:var(--spacing-xs);padding:var(--spacing-md);flex-direction:column;display:flex}.tracking-summary span,.tracking-box span{color:var(--color-text-muted);text-transform:uppercase;font-size:.75rem;font-weight:700}.public-route-grid{margin-bottom:var(--spacing-lg);grid-template-columns:repeat(2,minmax(0,1fr))}.tracking-history{border-top:1px solid var(--color-border);padding-top:var(--spacing-md)}.tracking-history h3{margin-bottom:var(--spacing-md);font-size:1rem}.tracking-step{border-left:2px solid var(--color-primary);gap:var(--spacing-xs);margin-left:var(--spacing-sm);padding:0 0 var(--spacing-md) var(--spacing-md);display:grid}.tracking-step>div{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.tracking-step p{color:var(--color-text-muted);font-size:.875rem}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.grid{display:grid}.flex-wrap{flex-wrap:wrap}.pricing-layout{grid-template-columns:minmax(0,2fr) minmax(320px,.8fr)}.shipment-detail-grid,.shipment-contact-grid,.shipment-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shipment-package-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.pricing-form-route-grid,.region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-strip{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);gap:var(--spacing-md);padding:var(--spacing-lg);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.summary-strip>div{gap:var(--spacing-xs);flex-direction:column;display:flex}.detail-list{gap:var(--spacing-sm) var(--spacing-md);grid-template-columns:minmax(140px,.7fr) minmax(0,1.3fr);display:grid}.variable-layout{grid-template-columns:minmax(0,2fr) minmax(320px,.8fr)}.variable-tabs{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.variable-checkbox{align-items:center;gap:var(--spacing-sm);display:inline-flex}.history-row{border-left:2px solid var(--color-border);gap:var(--spacing-md);padding:var(--spacing-md);grid-template-columns:180px minmax(0,1fr);display:grid}.calc-dimensions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.calculator-result{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-md);gap:var(--spacing-xs);padding:var(--spacing-md);flex-direction:column;display:flex}.calculator-result strong{color:var(--color-primary);font-size:1.25rem}.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{box-shadow:var(--shadow-card);gap:var(--spacing-sm);min-height:118px;padding:var(--spacing-lg);background:linear-gradient(145deg,#fffffff5,#fffaf4db);border:1px solid #ffffffe6;border-radius:1.25rem;flex-direction:column;display:flex;position:relative;overflow:hidden}.metric-card:after{content:"";background:radial-gradient(circle,#f09a2329,#0000 65%);width:140px;height:140px;position:absolute;top:-72px;right:-72px}.metric-card span{color:var(--color-text-muted);font-size:.875rem;font-weight:600}.metric-card strong{color:var(--color-text);font-size:1.75rem;line-height:1.1}.metric-card.success{border-color:#bbf7d0}.metric-card.success strong{color:#047857}.metric-card.danger{border-color:#fecaca}.metric-card.danger strong{color:#b91c1c}.metric-card.warning{border-color:#fde68a}.metric-card.warning strong{color:#b45309}.metric-card.info{border-color:#bfdbfe}.metric-card.info strong{color:#1d4ed8}.contact-panel{border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.route-empty-state{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-md);align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);justify-content:space-between;display:flex}.segmented-control{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.segmented-control label{border:1px solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer;align-items:center;gap:var(--spacing-sm);padding:.5rem .75rem;display:inline-flex}.additional-charge-option{border:1px solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);display:flex}.additional-charge-option:has(input:checked){border-color:var(--color-primary);background:#eef2ff}.additional-charge-option>span{gap:var(--spacing-xs);flex-direction:column;display:flex}.card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-lg);background:#ffffffeb;border:1px solid #e2e8f0c7}.btn{color:var(--color-text);cursor:pointer;background:#ffffffdb;border:1px solid #e2e8f0e6;border-radius:.8rem;justify-content:center;align-items:center;gap:.45rem;min-height:2.25rem;padding:.52rem 1rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;display:inline-flex}.btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 10px 22px #0f172a14}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary{background:linear-gradient(135deg, var(--color-primary), #f97316);color:#fff;border-color:#0000;box-shadow:0 12px 22px #f09a2338}.btn-primary:hover{background:linear-gradient(135deg, #f59e0b, var(--color-primary-hover));border-color:#0000}.btn-danger{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn-danger:hover{background:var(--color-danger-hover);border-color:var(--color-danger-hover)}.btn-sm{padding:.25rem .5rem;font-size:.75rem}.nav-btn{color:#475569;background:0 0;border:1px solid #0000;justify-content:flex-start;width:100%}.nav-btn:hover{box-shadow:none;color:var(--color-text);background:#f09a2314;border-color:#f09a231f}.nav-btn.btn-primary{box-shadow:inset 3px 0 0 var(--color-primary);color:#9a4f08;background:linear-gradient(135deg,#f09a2329,#f973161f);border-color:#f09a2338}.nav-icon{color:currentColor;background:#0f172a0a;border-radius:.65rem;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.nav-btn.btn-primary .nav-icon{color:var(--color-primary);background:#f09a232e}.link-strong{color:var(--color-primary);font-weight:700;text-decoration:none}.form-group{margin-bottom:var(--spacing-md)}.form-label{margin-bottom:var(--spacing-xs);font-size:.875rem;font-weight:600;display:block}.input{color:var(--color-text);font:inherit;background:#ffffffeb;border:1px solid #cbd5e1e6;border-radius:.85rem;width:100%;padding:.62rem .8rem;transition:border-color .18s,box-shadow .18s,background .18s}.input:focus{border-color:var(--color-primary);box-shadow:var(--ring-primary);background:#fff;outline:none}.input[aria-invalid=true]{border-color:var(--color-danger)}.field-error{color:var(--color-danger);margin-top:var(--spacing-xs);font-size:.75rem}.table-container{width:100%;overflow-x:auto}.table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}.table th{border-bottom:1px solid var(--color-border);color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;background:#fff7ed;padding:.8rem 1rem;font-size:.75rem;font-weight:800}.table td{border-bottom:1px solid var(--color-border);vertical-align:top;padding:1rem;font-size:.875rem}.badge{letter-spacing:.03em;text-transform:uppercase;border:1px solid;border-radius:9999px;align-items:center;padding:.18rem .625rem;font-size:.68rem;font-weight:800;display:inline-flex}.badge-data_entry{color:#b45309;background:#fef3c7}.badge-picked_up{color:#0369a1;background:#e0f2fe}.badge-in_transit{color:#1d4ed8;background:#dbeafe}.badge-out_for_delivery{color:#7e22ce;background:#f3e8ff}.badge-delivered{color:#047857;background:#d1fae5}.badge-returned{color:#b91c1c;background:#fee2e2}.badge-payment-paid{color:#047857;background:#d1fae5}.badge-payment-unpaid{color:#b91c1c;background:#fee2e2}.badge-payment-pending{color:#b45309;background:#fef3c7}.badge-payment-failed{color:#b91c1c;background:#fee2e2}.status-badge-row{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.modal-overlay{background:var(--color-overlay);padding:var(--spacing-lg);z-index:50;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);max-width:520px;max-height:90vh;padding:var(--spacing-xl);background:#fffffff5;border:1px solid #ffffffe6;border-radius:1.25rem;width:100%;overflow-y:auto;box-shadow:0 24px 80px #0f172a3d}.shipment-modal{max-width:1180px}.success-check{color:#15803d;height:52px;margin-bottom:var(--spacing-md);background:#dcfce7;border:1px solid #86efac;border-radius:9999px;justify-content:center;align-items:center;width:52px;font-size:1.75rem;font-weight:800;display:flex}.text-2xl{font-size:1.5rem;font-weight:700}.text-xl{font-size:1.25rem;font-weight:700}.text-sm{font-size:.875rem}.text-muted{color:var(--color-text-muted)}.text-danger{color:var(--color-danger)}.font-medium{font-weight:600}.mb-2{margin-bottom:var(--spacing-sm)}.mb-4{margin-bottom:var(--spacing-md)}.mb-6{margin-bottom:var(--spacing-lg)}.mb-12{margin-bottom:3rem}.mt-2{margin-top:var(--spacing-sm)}.mt-4{margin-top:var(--spacing-md)}.ml-sm{margin-left:var(--spacing-sm)}.h-fit{height:fit-content}.text-center{text-align:center}.shipment-form-layout{gap:var(--spacing-lg);margin-top:var(--spacing-lg);grid-template-columns:1fr 400px;display:grid}.form-main-col,.form-side-col{gap:var(--spacing-lg);flex-direction:column;display:flex}.section-number{background:linear-gradient(135deg, var(--color-primary), #f97316);color:#fff;border-radius:9999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:800;display:flex;box-shadow:0 8px 18px #f09a233d}.form-section{border:1px solid var(--color-border);box-shadow:0 1px 3px #0000000d}.contact-panel-new{background:var(--color-bg);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.border-bottom{border-bottom:1px solid var(--color-border)}.border-top{border-top:1px solid var(--color-border)}.bg-light{background:var(--color-bg)}.bg-primary-light{background:var(--color-primary-light);border:1px solid var(--color-border)}.text-primary{color:var(--color-primary)}.font-bold{font-weight:800}.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.p-0{padding:0}.relative{position:relative}.sticky-top{top:var(--spacing-md);position:sticky}.pointer{cursor:pointer}.hover-bg-light:hover{background:var(--color-bg)}.text-xs{font-size:.75rem}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.search-results-dropdown{background:var(--color-search-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-md);z-index:100;width:100%;max-height:300px;position:absolute;top:100%;left:0;overflow-y:auto}.search-result-item{border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md)}.search-result-item:last-child{border-bottom:none}.segmented-control label{text-align:center;flex:1;justify-content:center}.segmented-control label.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}@media (width<=1100px){.shipment-form-layout{grid-template-columns:1fr}.sticky-top{position:static}}.metric-icon{color:var(--color-primary);z-index:1;background:linear-gradient(135deg,#f09a2329,#f973161a);border:1px solid #f09a2333;border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;position:relative}.action-icon-btn{width:2.25rem;height:2.25rem;padding:0}.feature-icon{color:var(--color-primary);background:linear-gradient(135deg,#f09a2329,#f9731614);border:1px solid #f09a232e;border-radius:1rem;justify-content:center;align-items:center;width:3.25rem;height:3.25rem;margin-bottom:.9rem;display:inline-flex}.meter-bg{background:var(--color-meter-bg);border-radius:9999px;width:100%;height:8px;overflow:hidden}.meter-fill{height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.text-success{color:#059669}.tracking-wider{tracking-spacing:.05em}.hamburger,.sidebar-overlay{display:none}@media (width<=1200px){.grid[style*="grid-template-columns: 2fr 1fr"]{grid-template-columns:1fr!important}}@media (width<=960px){.app-shell{flex-direction:column}.sidebar{z-index:100;width:280px;display:none;position:fixed;top:0;bottom:0;left:0}.sidebar.open{display:flex}.sidebar-overlay{z-index:99;background:#00000073;display:none;position:fixed;inset:0}.sidebar.open+.main-shell~.sidebar-overlay,.sidebar-overlay{display:block}.sidebar-nav{flex-direction:column}.sidebar-subnav{padding-left:var(--spacing-md);flex-direction:column}.hamburger{display:inline-flex!important}.pricing-layout,.shipment-detail-grid,.shipment-contact-grid,.shipment-form-grid,.shipment-package-grid,.pricing-form-route-grid,.region-grid,.summary-strip,.detail-list,.variable-layout,.calc-dimensions-grid,.dashboard-metrics,.tracking-hero,.tracking-summary,.public-route-grid{grid-template-columns:1fr}.route-empty-state{flex-direction:column;align-items:stretch}.tracking-hero{grid-template-columns:1fr;min-height:auto}.tracking-hero h1{font-size:2rem}.tracking-search,.tracking-result-header{flex-direction:column}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-container table{min-width:max-content}.content{padding:var(--spacing-md)}.login-card{max-width:100%}.card{padding:1rem}.modal-content{width:95%;max-height:90vh;margin:5vh auto}.shipment-modal{width:95%}.flex.gap-lg{flex-direction:column}.welcome-main{padding:0 var(--spacing-md) var(--spacing-lg)}}@media (width<=540px){.content{padding:var(--spacing-sm)}.topbar{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm);flex-wrap:wrap}.topbar .text-sm{font-size:.75rem}.brand img{width:130px}.sidebar{width:260px}.card{border-radius:.5rem;padding:.75rem}.btn{padding:.375rem .75rem;font-size:.8125rem}.btn-sm{padding:.25rem .5rem;font-size:.6875rem}.input{padding:.5rem .75rem;font-size:.875rem}.form-group{margin-bottom:.75rem}.form-label{font-size:.75rem}table th,table td{padding:.375rem .5rem;font-size:.75rem}h1.text-2xl,.text-2xl{font-size:1.25rem}h2.text-xl,.text-xl{font-size:1.1rem}.pricing-layout,.shipment-detail-grid,.shipment-contact-grid,.shipment-form-grid,.shipment-package-grid,.pricing-form-route-grid,.region-grid,.summary-strip,.detail-list,.variable-layout,.dashboard-metrics,.tracking-summary{grid-template-columns:1fr;gap:.5rem}.modal-content{padding:1rem}.grid.gap-lg{gap:.75rem}.flex.gap-sm{gap:.25rem}.mb-4{margin-bottom:.75rem}.mt-4{margin-top:.75rem}.tracking-search{border-radius:.5rem}.tracking-search input{padding:.5rem .75rem;font-size:.875rem}.tracking-hero{padding:2rem 1rem}.tracking-hero h1{font-size:1.5rem}}.glow-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border:1px solid #ffffffe6;border-radius:1.25rem;transition:box-shadow .3s,transform .3s;box-shadow:0 1px 2px #0f172a0d,0 18px 40px #0f172a0f,0 0 0 1px #f09a2300}.glow-card:hover{transform:translateY(-2px);box-shadow:0 1px 2px #0f172a0d,0 24px 56px #0f172a1a,0 0 0 1px #f09a231f}.glow-card-static{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border:1px solid #ffffffe6;border-radius:1.25rem;box-shadow:0 1px 2px #0f172a0d,0 18px 40px #0f172a0f}.glass-deep{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffffff5;border:1px solid #e2e8f099}.bento-grid{gap:var(--spacing-lg);display:grid}.bento-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.bento-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.bento-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-card);background:#ffffffeb;border:1px solid #e2e8f0b3;border-radius:1.25rem;padding:1.85rem;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.bento-card:hover{transform:translateY(-3px);box-shadow:0 24px 56px #0f172a1a}.bento-card:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 80% 20%,#f09a230f,#0000 60%);position:absolute;inset:0}.bento-card-icon{color:var(--color-primary);background:linear-gradient(135deg,#f09a2329,#f9731614);border:1px solid #f09a232e;border-radius:1rem;justify-content:center;align-items:center;width:3.25rem;height:3.25rem;margin-bottom:1rem;display:inline-flex}.bento-card h3{margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.bento-card p{color:var(--color-text-muted);font-size:.875rem;line-height:1.6}.float-glow{animation:4s ease-in-out infinite floatGlow}@keyframes floatGlow{0%,to{transform:translateY(0);box-shadow:0 18px 40px #0f172a0f}50%{transform:translateY(-6px);box-shadow:0 28px 60px #0f172a1a}}.fade-in-up{animation:.5s ease-out both fadeInUp}.fade-in-up-d1{animation:.5s ease-out .1s both fadeInUp}.fade-in-up-d2{animation:.5s ease-out .2s both fadeInUp}.fade-in-up-d3{animation:.5s ease-out .3s both fadeInUp}.fade-in-up-d4{animation:.5s ease-out .4s both fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.status-dot-delivered{background:#059669;box-shadow:0 0 0 2px #05966933}.status-dot-returned{background:#dc2626;box-shadow:0 0 0 2px #dc262633}.status-dot-in_transit,.status-dot-out_for_delivery{background:#2563eb;box-shadow:0 0 0 2px #2563eb33}.status-dot-picked_up{background:#d97706;box-shadow:0 0 0 2px #d9770633}.gradient-border{position:relative}.gradient-border:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--color-primary), #f97316, #f59e0b);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-gradient{background:linear-gradient(135deg, var(--color-primary), #f97316);color:#fff;border:none;box-shadow:0 12px 22px #f09a2338}.btn-gradient:hover{background:linear-gradient(135deg, #f59e0b, var(--color-primary-hover));transform:translateY(-2px);box-shadow:0 16px 28px #f09a234d}.input-glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-text);font:inherit;background:#ffffffeb;border:1px solid #cbd5e1e6;border-radius:.85rem;width:100%;padding:.62rem .8rem;transition:border-color .18s,box-shadow .18s,background .18s}.input-glass:focus{border-color:var(--color-primary);box-shadow:var(--ring-primary);background:#fff;outline:none}.badge-gradient{background:linear-gradient(135deg, var(--color-primary), #f97316);color:#fff;border:none}.text-gradient{background:linear-gradient(135deg, var(--color-primary), #f97316);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pill{border-radius:9999px;align-items:center;gap:.35rem;display:inline-flex}.pill-primary{color:#f09a23;background:#fff3e0;padding:.375rem 1rem;font-size:.8125rem;font-weight:600}.section-label{color:#f09a23;background:#fff3e0;border-radius:9999px;align-items:center;gap:.35rem;padding:.375rem 1rem;font-size:.8125rem;font-weight:600;display:inline-flex}.w-220{width:220px}.w-170{width:170px}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flex-1{flex:1}.sticky{position:sticky}.dashboard-page{flex-direction:column;gap:1.25rem;display:flex}.dashboard-title{letter-spacing:-.02em;font-size:1.65rem;font-weight:800}.dashboard-metrics-grid{gap:var(--spacing-md);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.dashboard-kpi{align-items:flex-start;gap:var(--spacing-md);padding:1.5rem;display:flex}.dashboard-kpi-icon{border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.dashboard-kpi-icon.purple{color:#7e22ce;background:linear-gradient(135deg,#f3e8ff,#ede9fe)}.dashboard-kpi-icon.blue{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#e0f2fe)}.dashboard-kpi-icon.green{color:#047857;background:linear-gradient(135deg,#d1fae5,#dcfce7)}.dashboard-kpi-icon.orange{color:#b45309;background:linear-gradient(135deg,#fef3c7,#ffedd5)}.dashboard-kpi-body{flex-direction:column;gap:.125rem;min-width:0;display:flex}.dashboard-kpi-label{color:var(--color-text-muted);font-size:.8125rem;font-weight:600}.dashboard-kpi-value{letter-spacing:-.03em;font-size:2rem;font-weight:800;line-height:1.1}.dashboard-kpi-sub{color:var(--color-text-muted);margin-top:.125rem;font-size:.75rem}.dashboard-finance-row{gap:var(--spacing-md);grid-template-columns:1.4fr 1fr;display:grid}.dashboard-finance-main{flex-direction:column;padding:1.5rem;display:flex}.dashboard-revenue-grid{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.dashboard-revenue-box{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-md);flex-direction:column;gap:.25rem;display:flex}.dashboard-revenue-box.outlined{border-style:dashed}.dashboard-revenue-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:700}.dashboard-revenue-amount{letter-spacing:-.02em;font-size:1.4rem;font-weight:800}.dashboard-revenue-amount.muted{color:var(--color-text-muted)}.dashboard-revenue-meter{padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.dashboard-paid-badge{color:#047857;white-space:nowrap;background:#d1fae5;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.dashboard-status-summary{flex-direction:column;padding:1.5rem;display:flex}.dashboard-status-list{flex-direction:column;gap:.5rem;display:flex}.dashboard-status-item{background:var(--color-bg);border-radius:.75rem;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.dashboard-status-item strong{font-size:1.05rem}.dashboard-charts-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.dashboard-actions-row{gap:var(--spacing-md);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.dashboard-action-card{cursor:pointer;color:var(--color-text);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-card);background:#ffffffeb;border:1px solid #e2e8f0b3;border-radius:1.25rem;flex-direction:column;align-items:flex-start;gap:.25rem;padding:1.25rem;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex}.dashboard-action-card:hover{transform:translateY(-3px);box-shadow:0 24px 56px #0f172a1a}.dashboard-action-card span{font-size:.9375rem;font-weight:700}.dashboard-action-card small{font-size:.75rem}.dashboard-action-icon{color:var(--color-primary);background:linear-gradient(135deg,#f09a2329,#f9731614);border:1px solid #f09a232e;border-radius:.85rem;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;margin-bottom:.5rem;display:flex}.dashboard-action-icon.orange{color:#b45309;background:linear-gradient(135deg,#fef3c7,#ffedd5);border-color:#fde68a}.dashboard-action-icon.blue{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#e0f2fe);border-color:#bfdbfe}.dashboard-action-icon.green{color:#047857;background:linear-gradient(135deg,#d1fae5,#dcfce7);border-color:#bbf7d0}.text-md{font-size:1.05rem}.py-4{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}@media (width<=1200px){.dashboard-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-finance-row,.dashboard-charts-row{grid-template-columns:1fr}.dashboard-actions-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.dashboard-metrics-grid,.dashboard-actions-row{grid-template-columns:1fr}.dashboard-kpi-value{font-size:1.5rem}.dashboard-revenue-amount{font-size:1.1rem}.dashboard-revenue-grid{grid-template-columns:1fr}}.dark body{background:radial-gradient(circle at 0 0,#f09a230a,#0000 32rem),linear-gradient(#0f172a 0%,#0a0f1a 100%)}.dark .sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1e293bdb;border-right-color:#334155cc}.dark .brand{border-bottom-color:#334155b3}.dark .topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e293bc7;border-bottom-color:#334155bf}.dark .card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1e293beb;border-color:#334155c7}.dark .glow-card,.dark .glow-card-static{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1e293beb;border-color:#334155cc}.dark .bento-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1e293beb;border-color:#334155b3}.dark .input{color:var(--color-text);background:#0f172a99;border-color:#475569e6}.dark .input:focus{border-color:var(--color-primary);background:#1e293bcc}.dark .btn{color:var(--color-text);background:#1e293bdb;border-color:#475569cc}.dark .btn:hover{background:#334155e6}.dark .nav-btn{color:#94a3b8}.dark .nav-btn:hover{color:var(--color-text);background:#f09a231a;border-color:#f09a2326}.dark .nav-btn.btn-primary{color:#fbbf24;background:linear-gradient(135deg,#f09a2333,#f9731626);border-color:#f09a2340}.dark .nav-icon{background:#94a3b814}.dark .nav-btn.btn-primary .nav-icon{background:#f09a2333}.dark .table th{border-bottom-color:var(--color-border);background:#1e293b}.dark .table td{border-bottom-color:var(--color-border)}.dark .modal-content{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1e293bf5;border-color:#334155e6}.dark .tracking-search{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1e293be6;border-color:#334155e6}.dark .metric-card{background:linear-gradient(145deg,#1e293bf5,#0f172ae6);border-color:#334155e6}.dark .metric-card:after{background:radial-gradient(circle,#f09a231f,#0000 65%)}.dark .metric-icon{background:linear-gradient(135deg,#f09a2333,#f973161f);border-color:#f09a2338}.dark .feature-icon,.dark .bento-card-icon{background:linear-gradient(135deg,#f09a2333,#f973161a);border-color:#f09a2333}.dark .contact-panel-new{background:#0f172a99}.dark .summary-strip{background:#1e293beb;border-color:#334155cc}.dark .route-empty-state,.dark .calc-dimensions-grid,.dark .calculator-result{border-color:var(--color-border);background:#0f172a99}.dark .search-results-dropdown{background:#1e293bf5;border-color:#475569e6}.dark .search-result-item{border-bottom-color:#475569cc}.dark .segmented-control label{border-color:var(--color-border)}.dark .segmented-control label.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.dark .additional-charge-option{border-color:var(--color-border)}.dark .additional-charge-option:has(input:checked){border-color:var(--color-primary);background:#1e293bf5}.dark .welcome-page{background:linear-gradient(#0f172a 0%,#0a0f1a 36%)}.dark .section-label{color:#fbbf24;background:#f09a2326}.dark .tracking-hero h1{color:var(--color-text)}.dark .form-section{border-color:var(--color-border)}.dark .bg-light{background:#0f172a99}.dark .bg-primary-light{border-color:var(--color-border);background:#f09a231a}.dark .tracking-alert{color:#fca5a5;background:#ef444426;border-color:#ef44444d}.dark .badge-data_entry{color:#fbbf24;background:#b4530933}.dark .badge-picked_up{color:#7dd3fc;background:#0369a133}.dark .badge-in_transit{color:#93c5fd;background:#1d4ed833}.dark .badge-out_for_delivery{color:#c4b5fd;background:#7e22ce33}.dark .badge-delivered{color:#6ee7b7;background:#04785733}.dark .badge-returned{color:#fca5a5;background:#b91c1c33}.dark .badge-payment-paid{color:#6ee7b7;background:#04785733}.dark .badge-payment-unpaid{color:#fca5a5;background:#b91c1c33}.dark .badge-payment-pending{color:#fbbf24;background:#b4530933}.dark .badge-payment-failed{color:#fca5a5;background:#b91c1c33}.dark .tracking-box{border-color:var(--color-border);background:#0f172a99}.dark .tracking-result{border-color:var(--color-border);background:#1e293beb}.dark .tracking-result-header{border-bottom-color:var(--color-border)}.dark .tracking-history{border-top-color:var(--color-border)}.dark .contact-panel{border-color:var(--color-border)}.dark .variable-checkbox{color:var(--color-text)}.dark .history-row{border-left-color:var(--color-border)}.dark .dashboard-action-card{background:#1e293beb;border-color:#334155b3}.dark .dashboard-action-card:hover{box-shadow:0 24px 56px #00000040}.dark .dashboard-status-item{background:#0f172a99}.dark .dashboard-paid-badge{color:#6ee7b7;background:#04785733}.dark .dashboard-revenue-box{border-color:var(--color-border);background:#0f172a99}.dark .dashboard-kpi-icon.purple{color:#c4b5fd;background:linear-gradient(135deg,#7e22ce33,#8b5cf626);border-color:#7e22ce40}.dark .dashboard-kpi-icon.blue{color:#93c5fd;background:linear-gradient(135deg,#1d4ed833,#2563eb26);border-color:#1d4ed840}.dark .dashboard-kpi-icon.green{color:#6ee7b7;background:linear-gradient(135deg,#04785733,#05966926);border-color:#04785740}.dark .dashboard-kpi-icon.orange{color:#fbbf24;background:linear-gradient(135deg,#b4530933,#d9770626);border-color:#b4530940}.dark .dashboard-action-icon{color:#fbbf24;background:linear-gradient(135deg,#f09a2333,#f973161a);border-color:#f09a2338}.dark .dashboard-action-icon.orange{color:#fbbf24;background:linear-gradient(135deg,#b4530933,#d9770626);border-color:#b4530940}.dark .dashboard-action-icon.blue{color:#93c5fd;background:linear-gradient(135deg,#1d4ed833,#2563eb26);border-color:#1d4ed840}.dark .dashboard-action-icon.green{color:#6ee7b7;background:linear-gradient(135deg,#04785733,#05966926);border-color:#04785740}::selection{color:#fff;background:#f09a23}::selection{color:#fff;background:#f09a23}