@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-850:#0f172a;--slate-900:#0b0f19;--slate-950:#040711;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-glow:#2563eb26;--teal-50:#f0fdfa;--teal-100:#ccfbf1;--teal-200:#99f6e4;--teal-500:#14b8a6;--teal-600:#0d9488;--teal-700:#0f766e;--teal-glow:#14b8a626;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-200:#fde68a;--amber-500:#f59e0b;--amber-800:#92400e;--amber-glow:#f59e0b26;--rose-50:#fff5f5;--rose-500:#f43f5e;--rose-600:#e11d48;--rose-glow:#f43f5e26;--bg-primary:var(--slate-50);--bg-secondary:#fff;--bg-card:#fff;--bg-input:var(--slate-50);--border-color:var(--slate-200);--text-primary:var(--slate-850);--text-secondary:var(--slate-500);--text-muted:var(--slate-400);--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000008;--shadow-xl:0 20px 25px -5px #00000014, 0 10px 10px -5px #00000008;--shadow-glow:0 0 20px var(--blue-glow)}@media (prefers-color-scheme:dark){:root{--bg-primary:#0b0f19;--bg-secondary:#111827;--bg-card:#111827;--bg-input:#1f2937;--border-color:#374151;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-muted:#9ca3af;--shadow-sm:0 1px 2px 0 #0003;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #00000080, 0 10px 10px -5px #0006;--blue-glow:#2563eb40}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:-.025em;color:var(--text-primary);font-weight:800}#login-container{background:radial-gradient(circle at 10% 20%,#2563eb0d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#14b8a60d 0%,#0000 40%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}#login-container>div{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-xl);border-radius:1.75rem;width:100%;max-width:24rem;padding:2.25rem 2rem}@media (width<=480px){#login-container>div{border-radius:1.5rem;padding:1.75rem 1.25rem}}input[type=tel],input[type=password],input[type=text],textarea{border:1px solid var(--border-color);background-color:var(--bg-input);width:100%;color:var(--text-primary);font-family:var(--font-sans);box-shadow:var(--shadow-sm);border-radius:1rem;outline:none;padding:.875rem 1.125rem;font-size:.9375rem;font-weight:550}input[type=tel]:focus,input[type=password]:focus,input[type=text]:focus,textarea:focus{border-color:var(--blue-500);background-color:var(--bg-card)}input:disabled,textarea:disabled{opacity:.6;cursor:not-allowed;background-color:var(--slate-100)!important;color:var(--slate-500)!important}@media (prefers-color-scheme:dark){input:disabled,textarea:disabled{background-color:var(--slate-850)!important;color:var(--slate-500)!important}}textarea{resize:none}label{text-transform:uppercase;letter-spacing:.075em;color:var(--text-secondary);margin-bottom:.375rem;font-size:.6875rem;font-weight:800;display:block}.relative input{padding-left:2.75rem}.relative .absolute{color:var(--text-muted);pointer-events:none;justify-content:center;align-items:center;display:flex;top:50%;left:1rem;transform:translateY(-50%)}header{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);z-index:20;background-color:#fffc;position:sticky;top:0}@media (prefers-color-scheme:dark){header{background-color:#0b0f19d9}}#dashboard-container{flex-direction:column;flex-grow:1;display:flex}#dashboard-container main{width:100%;max-width:32rem;margin:0 auto;padding:1.25rem 1rem}#trip-card,#loads-empty{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:1.75rem;padding:1.5rem}#loads-empty{text-align:center;padding:2.5rem 1.5rem}.route-timeline-container{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:1.25rem;gap:1.125rem;margin-top:.5rem;padding:1.25rem;display:flex;position:relative;overflow:hidden}.route-timeline-indicator{flex-direction:column;justify-content:space-between;align-items:center;padding:.25rem 0;display:flex}.route-dot{border:2px solid var(--bg-secondary);border-radius:9999px;width:.625rem;height:.625rem}.route-dot.start{background-color:var(--slate-400);box-shadow:0 0 0 2px #94a3b833}.route-dot.end{background-color:var(--blue-600);box-shadow:0 0 8px var(--blue-600);animation:2s infinite pulse-blue}.route-line{background-color:var(--border-color);flex-grow:1;width:2px;margin:4px 0}.route-text-container{flex-direction:column;flex-grow:1;gap:1rem;display:flex}.route-point{flex-direction:column;display:flex}.route-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.625rem;font-weight:800}.route-location{color:var(--text-primary);margin-top:.125rem;font-size:.8125rem;font-weight:750}@keyframes pulse-blue{0%{box-shadow:0 0 #2563eb66}70%{box-shadow:0 0 0 6px #2563eb00}to{box-shadow:0 0 #2563eb00}}.upload-dropzone{border:2px dashed var(--border-color);cursor:pointer;background-color:#94a3b80d;border-radius:1.25rem;flex-direction:column;justify-content:center;align-items:center;width:100%;height:8.5rem;transition:all .2s ease-in-out;display:flex}.upload-dropzone:hover{border-color:var(--blue-500);background-color:#2563eb08}.upload-dropzone svg{color:var(--text-muted);transition:color .15s}.upload-dropzone:hover svg{color:var(--blue-500)}button{-webkit-user-select:none;user-select:none;border-radius:1.125rem;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.875rem;font-weight:800;display:inline-flex}.btn-primary{background-color:var(--blue-600);border-color:var(--blue-600);color:#fff;box-shadow:0 4px 12px #2563eb33,inset 0 1px #ffffff1a}.btn-primary:hover:not(:disabled){background-color:var(--blue-500);border-color:var(--blue-500);box-shadow:0 6px 16px #2563eb4d,inset 0 1px #ffffff1a}.btn-teal{background-color:var(--teal-500);border-color:var(--teal-500);color:#fff;box-shadow:0 4px 12px #14b8a633,inset 0 1px #ffffff1a}.btn-teal:hover:not(:disabled){background-color:var(--teal-600);border-color:var(--teal-600);box-shadow:0 6px 16px #14b8a64d,inset 0 1px #ffffff1a}button:disabled{opacity:.5;cursor:not-allowed}.badge-pending{color:var(--amber-500);background-color:#f59e0b1a;border:1px solid #f59e0b33}.badge-active{color:var(--blue-500);background-color:#2563eb1a;border:1px solid #2563eb33}.badge-delivered{color:var(--teal-500);background-color:#14b8a61a;border:1px solid #14b8a633}.badge-approved{color:#0ea5e9;background-color:#0ea5e91a;border:1px solid #0ea5e933}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-scale-up{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.top-0{top:0}.hidden{display:none!important}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.w-full{width:100%}.max-w-sm{max-w:24rem}.max-w-lg{max-w:32rem}.min-h-screen{min-height:100vh}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.tracking-tight{letter-spacing:-.025em}.font-mono{font-family:var(--font-mono)}.text-center{text-align:center}.text-right{text-align:right}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pt-4{padding-top:1rem}.pb-5{padding-bottom:1.25rem}.pt-5{padding-top:1.25rem}.pb-6{padding-bottom:1.5rem}.pt-1\.5{padding-top:.375rem}.pt-1{padding-top:.25rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mr-1\.5{margin-right:.375rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.space-y-1\.5>*+*{margin-top:.375rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-5>*+*{margin-top:1.25rem}.space-y-6>*+*{margin-top:1.5rem}.space-x-2>*+*{margin-left:.5rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.w-4{width:1rem}.h-4{height:1rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-8{width:2rem}.h-8{height:2rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-12{width:3rem}.h-12{height:3rem}.w-2\.5{width:.625rem}.h-2\.5{height:.625rem}.w-0\.5{width:.125rem}.h-32{height:8rem}.h-40{height:10rem}.inset-y-0{top:0;bottom:0}.left-0{left:0}.right-0{right:0}.top-4{top:1rem}.right-4{right:1rem}.z-20{z-index:20}.z-\[9999\]{z-index:9999}.border{border:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-t{border-top:1px solid var(--border-color)}.border-2{border-width:2px}.border-dashed{border-style:dashed}.border-slate-100{border-color:var(--slate-100)}.border-slate-200{border-color:var(--slate-200)}.border-slate-300{border-color:var(--slate-300)}.border-blue-100{border-color:var(--blue-100)}.border-blue-200{border-color:var(--blue-200)}.border-blue-500{border-color:var(--blue-500)}.border-teal-200{border-color:var(--teal-200)}.border-teal-500{border-color:var(--teal-500)}.border-amber-200{border-color:var(--amber-200)}.border-blue-800\/60{border-color:#1e3a8a99}.border-amber-900\/60{border-color:#92400e99}.border-indigo-900\/60{border-color:#4f46e599}.border-white\/10{border-color:#ffffff1a}.border-emerald-500\/20{border-color:#10b98133}.border-rose-500\/20{border-color:#f43f5e33}.border-amber-500\/20{border-color:#f59e0b33}.text-white{color:#fff}.text-slate-400{color:var(--slate-400)}.text-slate-450,.text-slate-500{color:var(--slate-500)}.text-slate-700{color:var(--slate-600)}.text-slate-800,.text-slate-900{color:var(--text-primary)}.text-blue-600{color:var(--blue-600)}.text-blue-700{color:var(--blue-700)}.text-teal-700{color:var(--teal-700)}.text-rose-500{color:var(--rose-500)}.text-amber-800{color:var(--amber-800)}.text-indigo-700{color:var(--blue-700)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-3xl{font-size:1.875rem}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:650}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.bg-white{background-color:var(--bg-card)}.bg-slate-50{background-color:var(--bg-primary)}.bg-slate-55\/10{background-color:#94a3b81a}.bg-slate-55\/30{background-color:#94a3b82e}.bg-slate-100{background-color:var(--slate-100)}.bg-blue-50{background-color:var(--blue-50)}.bg-blue-600{background-color:var(--blue-600)}.bg-teal-50{background-color:var(--teal-50)}.bg-teal-600{background-color:var(--teal-500)}.bg-amber-50{background-color:var(--amber-50)}.bg-indigo-50{background-color:var(--blue-50)}.bg-slate-900\/90{background-color:#0f172ae6}.bg-emerald-600\/90{background-color:#059669e6}.bg-rose-600\/90{background-color:#e11d48e6}.bg-amber-500\/90{background-color:#f59e0be6}.bg-amber-955\/20,.bg-amber-950\/20{background-color:#7835041a}.bg-indigo-955\/20,.bg-indigo-950\/20{background-color:#312e811a}.bg-teal-955\/20,.bg-teal-950\/20{background-color:#0d94881a}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px)}.opacity-0{opacity:0}.opacity-100{opacity:1}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.transition-all{transition:border-color .15s,background-color .15s,color .15s}.hover\:bg-blue-500:hover{background-color:var(--blue-500)}.hover\:border-blue-400:hover{border-color:#3b82f699}.hover\:bg-teal-500:hover{background-color:var(--teal-600)}.hover\:bg-slate-100:hover{background-color:var(--slate-100)}@media (prefers-color-scheme:dark){.hover\:bg-slate-800\/60:hover{background-color:#1e293b99}}@media (prefers-color-scheme:dark){.dark\:bg-slate-900{background-color:#111827!important}.dark\:bg-slate-950{background-color:#0b0f19!important}.dark\:bg-slate-850{background-color:#1f2937!important}.dark\:border-slate-800\/80{border-color:#374151!important}.dark\:border-blue-800\/60{border-color:#3b82f64d!important}.dark\:bg-blue-950\/40{background-color:#3b82f626!important}.dark\:text-white,.dark\:text-slate-100,.dark\:text-slate-200{color:#f9fafb!important}.dark\:text-slate-350{color:#d1d5db!important}.dark\:text-slate-400{color:#9ca3af!important}.dark\:text-slate-500{color:#d1d5db!important}.dark\:border-slate-700{border-color:#374151!important}.dark\:text-amber-400{color:var(--amber-200)!important}.dark\:text-indigo-400{color:var(--blue-200)!important}.dark\:text-teal-400{color:var(--teal-200)!important}.dark\:bg-amber-950\/20{background-color:#78350433!important}.dark\:border-amber-900\/60{border-color:#92400e99!important}.dark\:bg-indigo-950\/20{background-color:#312e8133!important}.dark\:border-indigo-900\/60{border-color:#4f46e599!important}.dark\:bg-teal-950\/20{background-color:#0d948833!important}.dark\:border-teal-900\/60{border-color:#14b8a699!important}}.cto-doc-btn{background-color:var(--teal-50);border:1px solid var(--teal-250);border-color:var(--teal-200);width:100%;color:var(--teal-700);cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.75rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.cto-doc-btn:hover{background-color:var(--teal-100);border-color:var(--teal-500)}@media (prefers-color-scheme:dark){.cto-doc-btn{color:var(--teal-200);background-color:#0d948814;border-color:#14b8a633}.cto-doc-btn:hover{color:var(--teal-100);background-color:#0d948826;border-color:#14b8a666}}.btn-icon{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.25rem;padding:.375rem .625rem;transition:all .15s;display:inline-flex}.btn-icon:hover{background-color:var(--slate-100);color:var(--text-primary)}@media (prefers-color-scheme:dark){.btn-icon:hover{background-color:var(--slate-900)}}.btn-icon-danger{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.375rem;transition:all .15s;display:inline-flex}.btn-icon-danger:hover{color:#dc2626;background-color:#fee2e2}@media (prefers-color-scheme:dark){.btn-icon-danger:hover{color:#fca5a5;background-color:#dc262633}}.btn-circle{color:#fff;cursor:pointer;background-color:#0f172acc;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.375rem;transition:all .15s;display:inline-flex}.btn-circle:hover{background-color:#0b0f19}