:root{--primary:#f59e0b;--primary-hover:#d97706;--bg-color:#f8fafc;--surface:#fff;--text-main:#0f172a;--text-muted:#64748b;--success:#10b981;--danger:#ef4444;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-float:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.5rem}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Cairo,sans-serif;overflow:hidden}#root{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #10b981b3}70%{transform:scale(1.05);box-shadow:0 0 0 10px #10b98100}to{transform:scale(1);box-shadow:0 0 #10b98100}}.app-container{width:100vw;height:100vh;display:flex;position:relative}.map-container{z-index:1;flex:1;width:100%;height:100%}.leaflet-container{width:100%;height:100%}.app-header{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#ffffffe6;border:1px solid #fff3;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:absolute;top:1rem;left:1rem;right:1rem}.app-title{color:var(--primary-hover);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:800;display:flex}.drivers-panel{background:var(--surface);z-index:1000;border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);box-shadow:var(--shadow-float);flex-direction:column;max-height:50vh;padding:1.5rem;transition:transform .3s;animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex;position:absolute;bottom:0;left:0;right:0}@media (width>=768px){.drivers-panel{border-radius:var(--radius-lg);width:350px;max-height:calc(100vh - 6rem);inset:5rem 1rem 1rem auto}}.panel-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.panel-title{font-size:1.125rem;font-weight:700}.drivers-list{flex-direction:column;flex:1;gap:.75rem;padding-right:.5rem;display:flex;overflow-y:auto}.driver-card{background:var(--bg-color);border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:space-between;align-items:center;padding:1rem;transition:all .2s;display:flex}.driver-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-2px)}.driver-info{flex-direction:column;gap:.25rem;display:flex}.driver-name{font-size:1rem;font-weight:700}.driver-phone{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.875rem;display:flex}.driver-status{border-radius:9999px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.875rem;font-weight:600;display:flex}.status-available{color:var(--success);background-color:#10b9811a}.status-busy{color:var(--danger);background-color:#ef44441a}.status-dot{border-radius:50%;width:8px;height:8px}.status-available .status-dot{background-color:var(--success);animation:2s infinite pulse}.status-busy .status-dot{background-color:var(--danger)}.custom-marker{background:0 0;border:none;justify-content:center;align-items:center;display:flex}.marker-icon-wrapper{background-color:var(--surface);width:36px;height:36px;box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;transition:transform .2s;display:flex;position:relative}.marker-icon-wrapper:hover{transform:scale(1.1)}.marker-icon-wrapper.available{border:2px solid var(--success);color:var(--success)}.marker-icon-wrapper.busy{border:2px solid var(--danger);color:var(--danger)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.village-filter{z-index:1000;flex-direction:column;gap:.5rem;max-height:calc(100vh - 6rem);display:flex;position:absolute;top:5rem;left:1rem;overflow-y:auto}@media (width<=767px){.village-filter{flex-direction:row;padding-bottom:.5rem;top:4.5rem;left:1rem;right:1rem;overflow-x:auto}}.village-pill{background:var(--surface);cursor:pointer;box-shadow:var(--shadow-md);white-space:nowrap;color:var(--text-main);border:1px solid #0000;border-radius:9999px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.875rem;font-weight:700;transition:all .2s;display:flex}.village-pill:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-2px)}.village-pill.active{background:var(--primary);color:#fff;border-color:var(--primary-hover)}