@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800;900&display=swap");:root{--brand-red:185 100% 48%;--brand-gold:25 100% 50%;--brand-navy:220 70% 12%;--neutral-950:220 22% 5%;--neutral-900:220 20% 8%;--neutral-800:220 18% 12%;--neutral-700:220 15% 20%;--neutral-600:220 12% 32%;--neutral-400:220 8% 55%;--neutral-200:220 5% 85%;--neutral-50:220 8% 97%;--bg-primary:var(--neutral-950);--bg-card:var(--neutral-900);--bg-elevated:var(--neutral-800);--text-primary:0 0% 98%;--text-secondary:220 10% 65%;--text-muted:220 8% 45%;--border:220 15% 16%;--border-subtle:220 12% 12%;--success:142 76% 42%;--warning:38 92% 50%;--danger:0 84% 55%;--info:190 90% 50%;--glass-bg:rgba(255,255,255,0.04);--glass-border:rgba(255,255,255,0.08);--glass-blur:20px;--gradient-brand:linear-gradient(135deg,hsl(185 100% 48%),hsl(200 100% 35%));--gradient-gold:linear-gradient(135deg,hsl(25 100% 50%),hsl(15 100% 45%));--gradient-dark:linear-gradient(180deg,hsl(220 22% 5%),hsl(220 25% 8%));--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,0.4),0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 16px rgba(0,0,0,0.5),0 2px 6px rgba(0,0,0,0.3);--shadow-lg:0 10px 40px rgba(0,0,0,0.6),0 4px 12px rgba(0,0,0,0.4);--shadow-brand:0 0 24px rgba(0,229,255,0.3);--shadow-gold:0 0 24px rgba(255,109,0,0.25);--ease-smooth:cubic-bezier(0.4,0,0.2,1);--transition-fast:150ms var(--ease-smooth);--transition-base:250ms var(--ease-smooth);--transition-slow:400ms var(--ease-smooth)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:hsl(var(--neutral-950));color:hsl(var(--text-primary));line-height:1.6;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.02em}.font-display,h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}.card-glass{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-lg);transition:border-color var(--transition-base),transform var(--transition-base)}.card-glass:hover{border-color:rgba(255,255,255,.14);transform:translateY(-2px)}.card{background:hsl(var(--neutral-900));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:Inter,sans-serif;font-weight:600;font-size:.9rem;line-height:1;border:none;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-sm{padding:.5rem 1rem;font-size:.8rem}.btn-md{padding:.65rem 1.5rem}.btn-lg{padding:.85rem 2rem;font-size:1rem}.btn-xl{padding:1.1rem 2.5rem;font-size:1.1rem;border-radius:var(--radius-lg)}.btn-primary{background:var(--gradient-brand);color:white;box-shadow:var(--shadow-brand)}.btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 0 30px rgba(220,38,38,.5)}.btn-gold{background:var(--gradient-gold);color:hsl(220 22% 5%);box-shadow:var(--shadow-gold)}.btn-gold:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.btn-ghost{background:transparent;color:hsl(var(--text-secondary));border:1px solid hsl(var(--border))}.btn-ghost:hover:not(:disabled){background:hsl(var(--neutral-800));color:hsl(var(--text-primary));border-color:hsl(var(--neutral-600))}.btn-outline-brand{background:transparent;color:hsl(var(--brand-red));border:1.5px solid hsl(var(--brand-red))}.btn-outline-brand:hover:not(:disabled){background:hsl(var(--brand-red)/.1)}.input{width:100%;padding:.75rem 1rem;background:hsl(var(--neutral-800));border:1px solid hsl(var(--border));border-radius:var(--radius-md);color:hsl(var(--text-primary));font-family:Inter,sans-serif;font-size:.9rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.input::placeholder{color:hsl(var(--text-muted))}.input:focus{border-color:hsl(var(--brand-red)/.6);box-shadow:0 0 0 3px hsl(var(--brand-red)/.12)}.input.error{border-color:hsl(var(--danger));box-shadow:0 0 0 3px hsl(var(--danger)/.12)}.label{display:block;font-size:.8rem;color:hsl(var(--text-secondary));margin-bottom:.375rem;letter-spacing:.04em;text-transform:uppercase}.badge,.label{font-weight:600}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;letter-spacing:.02em}.badge-published{background:hsl(142 76% 42%/.15);color:hsl(142 76% 55%)}.badge-assigned{background:hsl(210 85% 55%/.15);color:hsl(210 85% 65%)}.badge-in_transit{background:hsl(38 92% 50%/.15);color:hsl(38 92% 65%)}.badge-delivered{background:hsl(142 76% 42%/.2);color:hsl(142 76% 50%);border:1px solid hsl(142 76% 42%/.3)}.badge-cancelled{background:hsl(0 84% 55%/.15);color:hsl(0 84% 65%)}.badge-disputed{background:hsl(38 92% 50%/.2);color:hsl(38 92% 60%)}.badge-draft{background:hsl(var(--neutral-700)/.5);color:hsl(var(--text-muted))}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;border-radius:var(--radius-md);color:hsl(var(--text-secondary));text-decoration:none;font-size:.9rem;font-weight:500;transition:all var(--transition-fast)}.nav-link:hover{background:hsl(var(--neutral-800));color:hsl(var(--text-primary))}.nav-link.active{background:hsl(var(--brand-red)/.15);color:hsl(var(--brand-red)/.9);border-left:3px solid hsl(var(--brand-red))}.stat-card{background:hsl(var(--neutral-900));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);padding:1.5rem;position:relative;overflow:hidden;transition:all var(--transition-base)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-brand);border-radius:var(--radius-lg) var(--radius-lg) 0 0;opacity:0;transition:opacity var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-card:hover:before{opacity:1}.hero-gradient{background:radial-gradient(ellipse at 20% 50%,hsl(4 90% 48%/.12) 0,transparent 50%),radial-gradient(ellipse at 80% 20%,hsl(45 95% 55%/.08) 0,transparent 50%),hsl(var(--neutral-950))}.page-gradient{background:radial-gradient(ellipse at top,hsl(var(--neutral-900)) 0,hsl(var(--neutral-950)) 100%);min-height:100dvh}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-brand{0%,to{box-shadow:0 0 0 0 hsl(var(--brand-red)/.4)}50%{box-shadow:0 0 0 8px hsl(var(--brand-red)/0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-slide-up{animation:slide-up .4s var(--ease-smooth) both}.animate-fade-in{animation:fade-in .3s var(--ease-smooth) both}.skeleton{background:linear-gradient(90deg,hsl(var(--neutral-800)) 25%,hsl(var(--neutral-700)) 50%,hsl(var(--neutral-800)) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.map-container{width:100%;height:100%;border-radius:var(--radius-lg);overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:hsl(var(--neutral-900))}::-webkit-scrollbar-thumb{background:hsl(var(--neutral-700));border-radius:3px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--neutral-600))}@media (max-width:768px){.btn-xl{padding:.9rem 1.75rem;font-size:1rem}.pwa-desktop-sidebar{display:none!important}.pwa-mobile-nav{display:flex!important}.pwa-main-content{padding-bottom:75px!important}}@media (min-width:769px){.pwa-mobile-nav{display:none!important}}