:root{--primary-black: #17181a;--primary-mint: #cfeedb;--primary-white: #ffffff;--primary-blue: #344bff;--secondary-dark-mint: #3aa691;--secondary-green: #205b4f;--secondary-light-blue: #4855be;--secondary-navy: #1c1f86;--main-success: #5dc076;--main-info: #0015b8;--main-warning: #f2a32c;--main-error: #d9411c;--green-100: #f0faf8;--green-200: #cfeedb;--green-300: #94dbcd;--green-400: #66ccb8;--green-500: #3db89f;--green-600: #3aa691;--green-700: #308876;--green-800: #205b4f;--blue-100: #ebedff;--blue-200: #d6dbff;--blue-300: #adb7ff;--blue-400: #7081ff;--blue-500: #344bff;--blue-600: #0a27ff;--blue-700: #0015b8;--blue-800: #1c1f86;--grey-100: #f5f5f5;--grey-200: #e0dee3;--grey-300: #c9cbcf;--grey-400: #b3b6bc;--grey-500: #9ea1a9;--grey-600: #737782;--grey-700: #323438;--grey-800: #17181a;--red-100: #fae1db;--red-200: #f3b4a5;--red-300: #ef9781;--red-400: #ea795d;--red-500: #e55b38;--red-600: #d9411c;--red-700: #b53717;--red-800: #7e2610;--yellow-100: #fef7ec;--yellow-200: #fbe6c6;--yellow-300: #f8d5a0;--yellow-400: #f6c479;--yellow-500: #f4b352;--yellow-600: #f2a32c;--yellow-700: #e6900f;--yellow-800: #ad6c0b;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(23, 24, 26, .06);--shadow-md: 0 4px 12px rgba(23, 24, 26, .08);--shadow-lg: 0 12px 32px rgba(23, 24, 26, .12);--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);color:var(--grey-800);background:var(--grey-100);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}a{color:inherit}.portal{display:flex;height:100%;width:100%;overflow:hidden}.portal-map{flex:1 1 auto;position:relative;height:100%}.portal-map .leaflet-container{height:100%;width:100%;background:var(--grey-200)}.portal-map--full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.portal-error{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:1100;background:var(--red-100);color:var(--red-800);border:1px solid var(--red-400);border-radius:var(--radius-md);padding:8px 14px;font-size:14px}.map-fullsize{position:fixed;right:18px;bottom:18px;z-index:1200;width:40px;height:40px;border:none;border-radius:var(--radius-md);background:var(--primary-blue);color:#fff;display:grid;place-items:center;box-shadow:var(--shadow-lg)}.map-fullsize:hover{background:var(--blue-700)}.sidebar{width:300px;min-width:300px;height:100%;background:var(--primary-white);border-right:1px solid var(--grey-200);display:flex;flex-direction:column}.sidebar-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:16px;border-bottom:1px solid var(--grey-200)}.sidebar-title h1{font-size:18px;font-weight:800;color:var(--grey-800)}.sidebar-title p{display:flex;align-items:center;gap:5px;margin-top:4px;font-size:12px;font-weight:600}.sidebar-title p.ok{color:var(--secondary-green)}.sidebar-title p.off{color:var(--grey-500)}.icon-btn{border:none;background:transparent;color:var(--grey-600);border-radius:var(--radius-sm);padding:6px;display:grid;place-items:center}.icon-btn:hover{background:var(--grey-100);color:var(--grey-800)}.counters{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid var(--grey-200)}.counter{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--grey-100);border-radius:var(--radius-md);padding:8px;color:var(--grey-600)}.counter b{font-size:20px;color:var(--grey-800)}.counter span{font-size:11px;font-weight:600}.sidebar-tools{padding:10px 16px;border-bottom:1px solid var(--grey-200)}.tool-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--grey-300);background:var(--primary-white);color:var(--secondary-navy);border-radius:var(--radius-md);padding:7px 12px;font-size:13px;font-weight:700}.tool-btn:hover{background:var(--blue-100);border-color:var(--blue-300)}.sidebar-list{flex:1 1 auto;overflow-y:auto;padding:8px 12px}.driver{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:var(--radius-md);cursor:pointer;transition:opacity .15s}.driver:hover{background:var(--grey-100)}.driver.muted{opacity:.45}.driver input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-blue)}.driver-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.driver-info{display:flex;flex-direction:column;gap:1px;min-width:0}.driver-info b{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.driver-info small{font-size:11px;color:var(--grey-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty{padding:20px;text-align:center;color:var(--grey-500);font-size:13px}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;border-top:1px solid var(--grey-200);font-size:12px;color:var(--grey-500)}.leaflet-div-icon{background:transparent!important;border:none!important}.tracker-marker-wrap,.tracker-vehicle-small{position:relative}.tracker-marker svg,.tracker-vehicle-small svg{overflow:visible;filter:drop-shadow(0 2px 3px rgba(23,24,26,.35))}.map-legend{position:absolute;left:14px;bottom:14px;z-index:500;display:flex;flex-wrap:wrap;gap:10px;background:#ffffffeb;border:1px solid var(--grey-300);border-radius:var(--radius-md);padding:10px 12px;font-size:11px;font-weight:600;color:var(--grey-800);box-shadow:var(--shadow-md);max-width:320px}.map-legend-item{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.map-legend-item i{width:9px;height:9px;border-radius:50%;display:inline-block;flex-shrink:0}.map-legend-item--legend-title{width:100%;border-bottom:1px solid var(--grey-200);padding-bottom:4px;margin-bottom:2px;font-weight:700;font-size:10px;gap:0}.map-legend-item--pharmacy i{width:12px;height:12px;border:1.5px solid #CBD5E0;background:transparent}.map-legend-item--delivered i{background:#3aa691!important;width:12px;height:12px;font-size:10px;color:#fff;display:flex;align-items:center;justify-content:center}.map-legend-item--rejected i{background:#d9411c!important;width:12px;height:12px;font-size:10px;color:#fff;display:flex;align-items:center;justify-content:center}.leaflet-popup-content{font-family:var(--font-sans);font-size:13px}.leaflet-popup-content a.gmaps-link{color:var(--blue-500);font-weight:600;text-decoration:none}.leaflet-popup-content a.gmaps-link:hover{text-decoration:underline}.login-screen{height:100%;display:grid;place-items:center;background:linear-gradient(160deg,var(--primary-white) 0%,var(--grey-200) 100%);padding:24px}.login-card{width:100%;max-width:400px;background:var(--primary-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:40px 36px;display:flex;flex-direction:column;gap:8px}.login-logo{height:70px;object-fit:contain;margin:0 auto 12px}.login-tagline{text-align:center;color:var(--grey-600);font-size:14px;margin-bottom:20px}.login-form{display:flex;flex-direction:column;gap:14px}.login-field{display:flex;flex-direction:column;gap:6px}.login-field>span{font-size:13px;font-weight:700;color:var(--grey-700)}.login-field input,.user-form input,.user-form select{width:100%;padding:11px 12px;border:1px solid var(--grey-300);border-radius:var(--radius-md);font-family:inherit;font-size:14px}.login-field input:focus,.user-form input:focus,.user-form select:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3px var(--blue-100)}.login-password{position:relative}.login-password input{padding-right:40px}.login-eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--grey-500);padding:8px}.login-error{color:var(--red-600);font-size:13px;font-weight:600;text-align:center}.login-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:6px;border:none;border-radius:var(--radius-md);background:var(--primary-blue);color:#fff;font-size:15px;font-weight:700;padding:13px}.login-submit:hover{background:var(--secondary-navy)}.login-submit:disabled{opacity:.6}.login-forgot{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;background:none;color:var(--grey-600);font-size:13px;padding:6px}.login-forgot:hover{color:var(--primary-blue)}.admin{height:100%;overflow-y:auto;padding:24px;max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.admin-header{display:flex;align-items:center;gap:12px}.admin-header h1{flex:1;font-size:22px}.banner{border-radius:var(--radius-md);padding:10px 14px;font-size:14px}.banner.error{background:var(--red-100);color:var(--red-800);border:1px solid var(--red-400)}.banner.ok{background:var(--green-100);color:var(--green-800);border:1px solid var(--green-300)}.user-form{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:8px;background:var(--primary-white);border:1px solid var(--grey-200);border-radius:var(--radius-md);padding:14px}.users-table{background:var(--primary-white);border:1px solid var(--grey-200);border-radius:var(--radius-md);overflow:hidden}.users-table .row{display:grid;grid-template-columns:1.2fr 1.4fr .7fr .8fr 1.4fr 1fr;gap:10px;align-items:center;padding:10px 14px;font-size:13px;border-bottom:1px solid var(--grey-200)}.users-table .row:last-child{border-bottom:none}.users-table .row.head{background:var(--grey-100);font-weight:700;font-size:12px;color:var(--grey-600)}.row-actions{display:flex;gap:4px}.ok-text{color:var(--secondary-green);font-weight:700}.muted-text{color:var(--grey-500)}.app-loading{height:100%;display:grid;place-items:center;color:var(--grey-500);font-weight:600}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--grey-400);border-radius:4px}