@import"https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Barlow+Condensed:wght@500;600;700&display=swap";.leaflet-container{background:#fff8e8;height:100%;width:100%}.leaflet-popup-content-wrapper{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-card)}.leaflet-popup-tip{background:var(--surface)}.leaflet-control-zoom a{background:var(--surface);color:var(--text-secondary);border-color:var(--border);font-weight:600}.leaflet-control-zoom a:hover{background:var(--surface-raised);color:var(--text-primary)}.leaflet-bar{border-color:var(--border)!important;box-shadow:var(--shadow-card)!important}.leaflet-control-attribution{background:#ffffffd9!important;color:var(--text-muted)!important;font-size:10px!important}.cluster-marker{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-size:11px;font-weight:700;font-family:var(--font-heading);border:2.5px solid rgba(255,255,255,.9);color:#fff;box-shadow:0 3px 10px #0003}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: linear-gradient(150deg,#FFFDF7 0%,#FFF6DE 45%,#FFECC2 100%);--bg-solid: #FFF6DE;--sidebar-bg: #FFFDF7;--surface: #FFFFFF;--surface-raised: #FFFCF3;--border: #F5E6BC;--border-subtle: #F0E6CC;--accent: #FF9F1C;--accent-deep: #F2790B;--accent-light: #FFC93C;--accent-dim: rgba(255,201,60,.15);--accent-shadow: rgba(255,159,28,.32);--grad-primary: linear-gradient(135deg,#FFC93C,#FF9F1C);--grad-hero: linear-gradient(150deg,#FFD060 0%,#FF9F1C 60%,#F2790B 100%);--grad-amber: linear-gradient(135deg,#FFE082,#FFC107);--grad-orange: linear-gradient(135deg,#FFBA74,#FF8C00);--grad-green: linear-gradient(135deg,#6EE2B4,#2F9E6E);--grad-indigo: linear-gradient(135deg,#A5B4FC,#7C8CE0);--grad-rose: linear-gradient(135deg,#FDA4AF,#D6455D);--nav-active-bg: linear-gradient(135deg,#FFE9B8,#FFD37A);--nav-active-text:#8A5605;--text-primary: #3A2E12;--text-secondary: #7A6A3E;--text-muted: #B8A878;--text-on-grad: #3A2405;--pending-bg: #FFF3D6;--pending-text: #92600A;--assigned-bg: #E6F0FF;--assigned-text: #2D5FB8;--transit-bg: #FFE9D6;--transit-text: #B85A2D;--delivered-bg: #E4F7EE;--delivered-text: #217A55;--success: #2F9E6E;--success-dark: #1E7E58;--danger: #C4453B;--danger-hover: #D64545;--danger-bg: rgba(196,69,59,.08);--danger-border: rgba(196,69,59,.2);--cluster-0: #FF9F1C;--cluster-1: #2F9E6E;--cluster-2: #D6455D;--cluster-3: #7C8CE0;--cluster-4: #F2790B;--font: "Barlow", system-ui, sans-serif;--font-heading: "Barlow Condensed", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-md: 16px;--text-lg: 20px;--text-xl: 26px;--text-2xl: 38px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s8: 32px;--s10: 40px;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 20px;--shadow-card: 0 10px 30px rgba(200,150,30,.08);--shadow-stat: 0 12px 28px rgba(200,150,30,.15);--shadow-btn: 0 8px 20px rgba(255,159,28,.32);--shadow-login: 0 20px 50px rgba(190,130,20,.18);--shadow-sidebar:4px 0 24px rgba(180,130,20,.1)}html,body,#root{height:100%;font-family:var(--font);font-size:var(--text-base);line-height:1.5;color:var(--text-primary);background:var(--bg-solid);-webkit-font-smoothing:antialiased}#root{background:var(--bg);background-attachment:fixed}.btn{display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s5);border-radius:var(--r-md);font-size:var(--text-base);font-weight:600;font-family:var(--font);cursor:pointer;border:none;transition:all .18s ease;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:var(--shadow-btn)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ffb800,#f2790b);box-shadow:0 10px 24px #ff9f1c6b;transform:translateY(-1px)}.btn-ghost{background:var(--surface);border:1.5px solid var(--border);color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){border-color:var(--accent-light);color:var(--text-primary);background:var(--surface-raised)}.btn-danger{background:var(--danger-bg);border:1.5px solid var(--danger-border);color:var(--danger)}.btn-danger:hover:not(:disabled){background:#c4453b24;border-color:var(--danger)}.status-badge{display:inline-flex;align-items:center;padding:3px var(--s3);border-radius:20px;font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.status-badge.pending{background:var(--pending-bg);color:var(--pending-text)}.status-badge.assigned{background:var(--assigned-bg);color:var(--assigned-text)}.status-badge.intransit{background:var(--transit-bg);color:var(--transit-text)}.status-badge.delivered{background:var(--delivered-bg);color:var(--delivered-text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s6);box-shadow:var(--shadow-card)}.form-group{display:flex;flex-direction:column;gap:var(--s2)}.form-label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);letter-spacing:.02em}.form-input{background:var(--surface-raised);border:1.5px solid #F0E0B0;border-radius:var(--r-md);padding:10px var(--s4);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff9f1c24}.form-error{font-size:var(--text-xs);color:var(--danger);margin-top:2px}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:var(--text-xs);font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);padding:var(--s3) var(--s4);border-bottom:1.5px solid var(--border);font-family:var(--font-heading)}.data-table td{padding:var(--s3) var(--s4);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-size:var(--text-sm)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#fffbf0}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s6);box-shadow:var(--shadow-stat)}.stat-label{font-family:var(--font-heading);font-size:var(--text-xs);font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--s2)}.stat-value{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);line-height:1}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s6)}.page-title{font-family:var(--font-heading);font-size:26px;font-weight:700;color:var(--text-primary)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--success);animation:pulse-dot 1.6s ease-in-out infinite;flex-shrink:0}@keyframes fade-slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fade-slide-in .4s ease both}@media (max-width: 860px){.hide-mobile{display:none!important}.show-mobile{display:flex!important}.table-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll-wrapper .data-table{min-width:520px}.filter-tab-row{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.filter-tab-row::-webkit-scrollbar{display:none}.optimizer-layout{flex-direction:column!important}.optimizer-panel{width:100%!important;min-width:100%!important;max-height:340px;border-right:none!important;border-bottom:1px solid var(--border);overflow-y:auto}.optimizer-map{flex:1;min-height:280px}}@media (min-width: 861px){.show-mobile{display:none!important}}