@import "https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600;700&display=swap";
:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-main:#fff;--bg-sidebar:#fff;--bg-card:#fff;--bg-card-hover:#fafafa;--border-color:#e5e7eb;--border-color-glow:#000;--primary:#000;--primary-hover:#222;--accent-yellow:#000;--accent-yellow-light:#0000000d;--text-main:#111827;--text-muted:#6b7280;--text-active:#000;--status-active:#059669;--status-active-glow:#ecfdf5;--status-inactive:#6b7280;--status-inactive-glow:#f3f4f6;--status-busy:#d97706;--status-busy-glow:#fffbeb;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-premium:0 1px 3px 0 #0000000d, 0 1px 2px 0 #00000008;--transition-smooth:all .2s ease-in-out}*{box-sizing:border-box;font-family:var(--font-sans);letter-spacing:-.2px;margin:0;padding:0;font-weight:300}html,body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;width:100%;min-height:100vh;overflow-x:hidden}body{flex-direction:column;display:flex}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}a{color:inherit;transition:var(--transition-smooth);text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animated-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-premium);transition:var(--transition-smooth)}.glass-card:hover{background:var(--bg-card-hover);border-color:#9ca3af}.auth-container{background-color:#fcfcfc;background-image:radial-gradient(at 50% 0,#f5c24214 0,#0000 50%),radial-gradient(at 0 100%,#f5c24208 0,#0000 50%),radial-gradient(at 100% 100%,#00000005 0,#0000 50%),linear-gradient(135deg,#fff6 0%,#ffffff1a 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.auth-container:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(#00000008 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.auth-card{border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:1;width:100%;max-width:400px;padding:48px 36px;animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeIn;position:relative;box-shadow:0 4px 20px #00000008}.auth-header{text-align:center;margin-bottom:36px}.auth-logo{color:var(--text-active);letter-spacing:-1px;text-transform:lowercase;justify-content:center;align-items:center;margin-bottom:8px;font-size:26px;font-weight:400;display:inline-flex}.auth-logo span{border-bottom:2px solid var(--accent-yellow);padding-bottom:2px;font-weight:600}.auth-subtitle{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;font-size:13px}.form-group{margin-bottom:24px}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.form-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-main);transition:var(--transition-smooth);background:#fff;outline:none;padding:12px 12px 12px 40px;font-size:14px}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #0000000d}.form-error{border-radius:var(--radius-sm);color:#b91c1c;background:#fef2f2;border-left:2px solid #ef4444;margin-bottom:20px;padding:10px 14px;font-size:13px;animation:.2s fadeIn}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-sm);width:100%;transition:var(--transition-smooth);letter-spacing:.5px;padding:12px;font-size:14px;font-weight:400}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:disabled{color:#9ca3af;cursor:not-allowed;background:#e5e7eb}.dashboard-layout{background-color:var(--bg-main);min-height:100vh;display:flex}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:100;width:260px;transition:var(--transition-smooth);flex-direction:column;padding:32px 24px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{color:var(--text-active);text-transform:lowercase;letter-spacing:-1px;margin-bottom:48px;font-size:22px;font-weight:400}.sidebar-logo span{border-bottom:2px solid var(--accent-yellow);font-weight:600}.sidebar-nav{flex-direction:column;flex-grow:1;gap:6px;margin-bottom:16px;padding-right:4px;display:flex;overflow-y:auto}.nav-item{color:var(--text-muted);border-radius:var(--radius-sm);transition:var(--transition-smooth);align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:300;display:flex}.nav-item:hover{color:var(--primary);background:var(--accent-yellow-light)}.nav-item.active{background:var(--accent-yellow-light);color:var(--primary);border-left:3px solid var(--primary);padding-left:11px;font-weight:500}.sidebar-footer{border-top:1px solid var(--border-color);margin-top:auto;padding-top:24px}.logout-btn{color:var(--text-muted);border-radius:var(--radius-sm);text-align:left;width:100%;transition:var(--transition-smooth);align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:300;display:flex}.logout-btn:hover{color:#b91c1c;background:#fef2f2}.main-content{flex-grow:1;width:calc(100% - 260px);max-width:1300px;margin-left:260px;padding:48px}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.welcome-section h1{color:var(--text-active);letter-spacing:-.5px;margin-bottom:6px;font-size:28px;font-weight:300}.welcome-section p{color:var(--text-muted);font-size:14px}.header-actions{gap:12px;display:flex}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:40px;display:grid}.metric-card{border-radius:var(--radius-sm);background:#fff;padding:24px}.metric-header{color:var(--text-muted);justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.metric-title{text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:500}.metric-icon-wrapper{color:var(--primary);background:var(--accent-yellow-light);width:28px;height:28px;transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;display:flex}.metric-value{color:var(--text-active);margin-bottom:8px;font-size:28px;font-weight:300;line-height:1.1}.metric-footer{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.metric-trend-up{color:#059669;font-weight:400}.panel-grid{grid-template-columns:2fr 1fr;gap:32px;margin-bottom:40px;display:grid}@media (max-width:1024px){.panel-grid{grid-template-columns:1fr}}.panel{background:#fff;padding:28px}.panel-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:14px;display:flex}.panel-title{color:var(--text-active);font-size:16px;font-weight:400}.panel-action{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:400}.panel-action:hover{color:var(--primary);text-decoration:underline}.table-container{width:100%;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border-color);padding:12px 14px;font-size:11px;font-weight:500}.custom-table td{color:var(--text-main);vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:14px;font-size:13px}.custom-table tr:last-child td{border-bottom:none}.custom-table tr:hover td{background:#fafafa}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:2px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:400;display:inline-flex}.badge-active{background:var(--status-active-glow);color:var(--status-active);border:1px solid #05966933}.badge-inactive{background:var(--status-inactive-glow);color:var(--status-inactive);border:1px solid #6b728033}.badge-busy{background:var(--status-busy-glow);color:var(--status-busy);border:1px solid #d9770633}.avatar-placeholder{color:#111827;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:500;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#fffc;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-sm);background:#fff;border:1px solid #d1d5db;width:100%;max-width:460px;padding:36px;animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn;position:relative;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d}.modal-close{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);position:absolute;top:24px;right:24px}.modal-close:hover{color:var(--text-active)}.modal-title{color:var(--text-active);letter-spacing:-.3px;margin-bottom:24px;font-size:18px;font-weight:300}@media (max-width:768px){.sidebar{width:68px;padding:24px 10px}.sidebar-logo,.nav-item span:not(.icon-span),.logout-btn span:not(.icon-span){display:none}.nav-item,.logout-btn{justify-content:center;padding:10px}.main-content{width:calc(100% - 68px);margin-left:68px;padding:24px}}.tracking-container{gap:24px;width:100%;min-height:650px;margin-top:8px;display:flex}@media (max-width:1100px){.tracking-container{flex-direction:column-reverse}}.tracking-sidebar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:340px;height:650px;box-shadow:var(--shadow-premium);flex-direction:column;flex-shrink:0;padding:20px;display:flex}@media (max-width:1100px){.tracking-sidebar{width:100%;height:450px}}.tracking-search-box{margin-bottom:16px;position:relative}.tracking-search-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;transition:var(--transition-smooth);background:#fff;outline:none;padding:10px 12px 10px 34px;font-size:13px}.tracking-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #0000000a}.tracking-tabs{border-bottom:1px solid var(--border-color);gap:12px;margin-bottom:16px;display:flex}.tracking-tab-btn{color:var(--text-muted);transition:var(--transition-smooth);border-bottom:2px solid #0000;padding:6px 4px 10px;font-size:12px;font-weight:400}.tracking-tab-btn:hover{color:var(--text-active)}.tracking-tab-btn.active{color:var(--text-active);border-bottom-color:var(--primary);font-weight:500}.driver-list-scroll{flex-direction:column;flex-grow:1;gap:8px;padding-right:4px;display:flex;overflow-y:auto}.driver-list-item{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);justify-content:space-between;align-items:center;padding:12px;display:flex}.driver-list-item:hover{background:#fdfdfd;border-color:#9ca3af}.driver-list-item.selected{border-color:var(--primary);background:#f9f9fa}.driver-info-main{align-items:center;gap:10px;display:flex}.driver-avatar-placeholder{width:32px;height:32px;color:var(--text-muted);border:1px solid var(--border-color);background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:500;display:flex}.driver-meta-text{flex-direction:column;display:flex}.driver-list-name{color:var(--text-active);font-size:13px;font-weight:500}.driver-list-sub{color:var(--text-muted);font-size:11px}.tracking-map-container{border:1px solid var(--border-color);border-radius:var(--radius-sm);height:650px;box-shadow:var(--shadow-premium);flex-grow:1;position:relative;overflow:hidden}.map-element{width:100%;height:100%}.map-stats-overlay{z-index:10;gap:10px;display:flex;position:absolute;top:16px;left:16px}@media (max-width:600px){.map-stats-overlay{display:none}}.map-stat-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#ffffffeb;flex-direction:column;padding:10px 16px;display:flex;box-shadow:0 4px 12px #0000000d}.map-stat-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;font-size:9px;font-weight:500}.map-stat-val{color:var(--text-active);font-size:18px;font-weight:500}.map-sim-panel{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#fffffff2;flex-direction:column;gap:12px;width:320px;padding:16px;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 4px 16px #00000014}@media (max-width:768px){.map-sim-panel{border:none;border-top:1px solid var(--border-color);background:#fff;border-radius:0;width:100%;position:relative;top:0;right:0}}.sim-panel-title{color:var(--text-active);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.sim-select-group{flex-direction:column;gap:6px;display:flex}.sim-select{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#fff;outline:none;width:100%;padding:8px;font-size:12px;font-weight:400}.sim-log-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:10px;font-weight:500}.sim-logs-container{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:#374151;background:#f9f9fa;flex-direction:column;gap:4px;height:100px;padding:8px;font-family:monospace;font-size:10px;display:flex;overflow-y:auto}.sim-log-entry{line-height:1.3}.driver-marker-container{cursor:pointer;z-index:5;flex-direction:column;align-items:center;display:flex}.driver-marker-dot{background:#000;border:2px solid #fff;border-radius:50%;width:16px;height:16px;transition:transform .2s ease-out;position:relative;box-shadow:0 0 4px #0000004d}.driver-marker-pulse{background:inherit;opacity:.4;pointer-events:none;border-radius:50%;width:24px;height:24px;animation:2s ease-out infinite marker-pulse;position:absolute;top:-6px;left:-6px}@keyframes marker-pulse{0%{opacity:.6;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}.driver-marker-label{color:#fff;white-space:nowrap;background:#000000d9;border-radius:3px;margin-top:4px;padding:2px 6px;font-size:9px;font-weight:500;box-shadow:0 1px 3px #0003}.driver-marker-dot.activo{background-color:var(--status-active)}.driver-marker-dot.en_viaje{background-color:var(--status-busy)}.driver-marker-dot.inactivo{background-color:var(--status-inactive)}.driver-marker-dot.en_camino{background-color:#3b82f6}.custom-pin-marker{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:600;display:flex;box-shadow:0 2px 6px #0000004d}.custom-pin-marker.pickup{background-color:#000;border:2px solid #fff}.custom-pin-marker.dropoff{background-color:#ef4444;border:2px solid #fff}.map-detail-card{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#fffffff2;width:320px;padding:16px;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInUp;position:absolute;bottom:16px;left:16px;box-shadow:0 4px 16px #00000014}@keyframes slideInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.detail-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.detail-card-close{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth)}.detail-card-close:hover{color:var(--text-active)}.detail-driver-profile{gap:12px;margin-bottom:12px;display:flex}.detail-avatar{border:1px solid var(--border-color);background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:500;display:flex}.detail-meta{flex-direction:column;gap:2px;display:flex}.detail-name{color:var(--text-active);font-size:14px;font-weight:600}.detail-placas{color:var(--text-muted);font-size:11px}.detail-rating{color:var(--accent-yellow);align-items:center;gap:3px;font-size:11px;font-weight:500;display:flex}.detail-stats-grid{border-top:1px solid var(--border-color);grid-template-columns:1fr 1fr;gap:8px;padding-top:12px;display:grid}.detail-stat{flex-direction:column;display:flex}.detail-stat-lbl{color:var(--text-muted);text-transform:uppercase;font-size:9px}.detail-stat-val{color:var(--text-active);font-size:12px;font-weight:400}