.login-container{display:flex;align-items:center;justify-content:center;height:100%;width:100%;padding:24px}.login-card{width:100%;max-width:400px;padding:32px;border-radius:20px;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background:#ffffff26;box-shadow:0 8px 32px #0003;border:1px solid var(--color-card-border);color:var(--color-text);display:flex;flex-direction:column;gap:16px}.login-title{font-size:1.5rem;font-weight:600;margin-bottom:12px}.login-input{padding:12px;font-size:1rem;border-radius:10px;border:1px solid var(--color-card-border);background:var(--color-card);color:var(--color-text);outline:none}.login-button{padding:12px;font-size:1rem;background:var(--color-text);color:#fff;border:none;border-radius:10px;cursor:pointer}.login-button:hover{opacity:.9}.login-error{color:red;font-size:.875rem;background:#ff00000d;padding:8px;border-radius:6px}.glass-card{position:relative;background:#ffffff1a;border-radius:16px;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 8px 32px #0003;padding:24px;color:var(--color-text);overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff26,#ffffff0d);pointer-events:none;border-radius:inherit;z-index:0}.glass-card-title{font-size:.875rem;color:var(--color-textSecondary);margin-bottom:8px;position:relative;z-index:1}.glass-card-value{font-size:1.75rem;font-weight:600;margin:0;position:relative;z-index:1}.glass-card:hover{border:1px solid rgba(255,255,255,.35);background:#ffffff26;box-shadow:0 12px 40px #00000040;transform:translateY(-2px);transition:all .5s ease;cursor:pointer}.glass-card:active{transform:scale(.98)}.header{width:100%;max-width:100vw;padding-block:16px;border-bottom:1px solid var(--color-cardBorder);position:relative;z-index:1;box-sizing:border-box;overflow-x:hidden}.header-title{font-size:1.5rem;font-weight:700;color:var(--color-text);margin:0;white-space:nowrap}.dashboard-container{background:linear-gradient(135deg,#c0f0ff,#e8d0ff);min-height:100vh;padding-top:20px}.main-container{max-width:1280px;margin:0 auto;box-sizing:border-box;padding-inline:16px}.dashboard-main{padding:0x}.section-estado-activo{display:grid;grid-template-columns:1fr;gap:20px}.estado-columna-1,.estado-columna-2{padding:16px;border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #0000000d}.card-viajes-layout{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.card-viajes-info,.card-viajes-chart{flex:1;min-width:200px}.card-title{margin-bottom:8px;height:10%}.card-title h3{font-size:1.25rem;font-weight:900;margin:0;color:var(--color-text, #1a1a1a)}.card-data{height:90%;display:flex;justify-content:center;align-items:center}.viajes-total{font-size:5.5rem;font-weight:700;margin-bottom:16px}.viajes-detalles{display:flex;flex-direction:column;gap:8px}.viaje-estado{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600}.color-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.conductores-titulo{font-size:1.25rem;font-weight:500;margin:0}.conductores-total{font-size:5.5rem;font-weight:900;color:var(--color-text, #1a1a1a);margin:0}@media (min-width: 768px){.section-estado-activo{grid-template-columns:1fr 2fr}}.drivers-table-container{padding:1rem;border-radius:16px;background:var(--color-glass-surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 32px #00000026;overflow-x:auto;border:1px solid var(--color-card-border)}.drivers-table-filter{width:100%;padding:.5rem 1rem;margin-bottom:1rem;border-radius:8px;border:1px solid var(--color-card-border);background:var(--color-card);color:var(--color-text);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.drivers-table{width:100%;border-collapse:collapse}.drivers-table th,.drivers-table td{padding:.75rem;border-bottom:1px solid var(--color-card-border);color:var(--color-text);text-align:left}.driver-photo{width:40px;height:40px;border-radius:50%;object-fit:cover}.sidebar{width:240px;height:100%;background-color:var(--color-glass-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid var(--color-cardBorder);padding:24px;box-sizing:border-box;color:var(--color-text);border-radius:20px;transition:all .3s ease}.sidebar.collapsed{width:64px;padding-inline:12px;border-radius:16px}.sidebar-title{display:flex;align-items:center;justify-content:space-between;font-size:1.25rem;font-weight:700;margin-bottom:24px}.sidebar.collapsed .sidebar-title{justify-content:center}.sidebar-nav{display:flex;flex-direction:column;gap:16px}.sidebar-link{display:flex;align-items:center;gap:12px;color:var(--color-textSecondary);text-decoration:none;font-size:1rem;transition:color .2s ease}.sidebar-link:hover{color:var(--color-accent)}.sidebar.collapsed .sidebar-link{justify-content:center;gap:0}.sidebar.collapsed .sidebar-link span{display:none}.collapse-btn{background:none;border:none;padding:4px;cursor:pointer;color:var(--color-textSecondary);display:flex;align-items:center;justify-content:center;transition:opacity .2s}@media (max-width: 768px){.sidebar.collapsed .sidebar-nav{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:16px}.sidebar.collapsed .sidebar-link{flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:.75rem}.sidebar.collapsed .sidebar-link span{display:block}}@media (max-width: 768px){.sidebar{display:none;position:absolute;top:64px;left:0;z-index:1000;height:calc(100% - 64px);box-shadow:4px 0 12px #0003}.sidebar.visible{display:block}.sidebar.collapsed{border-radius:0 16px 16px 0}}.topnav{top:0;left:0;right:0;height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;z-index:100}.topnav-left{display:flex;align-items:center}.topnav-title{font-size:1.2rem;font-weight:600;color:var(--color-text)}.topnav-right{display:flex;align-items:center;gap:16px}.logout-button{padding:8px 16px;font-size:.9rem;background:#ffffff1a;border:1px solid var(--color-card-border);color:var(--color-text);border-radius:10px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease}.logout-button:hover{background:#fff3}.theme-toggle-button{background:transparent;border:none;color:var(--color-text);cursor:pointer;margin-right:12px;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;transition:background .2s}.theme-toggle-button:hover{background:#ffffff1a}.menu-toggle-button{display:none;background:none;border:none;color:var(--color-text);cursor:pointer;margin-right:12px}@media (max-width: 768px){.menu-toggle-button{display:block;padding:8px;border-radius:8px;transition:background .2s ease}.menu-toggle-button:hover{background:#ffffff1a}}.layout-container{max-width:1280px;width:100%;margin:0 auto;display:flex;flex-direction:column;box-sizing:border-box;background:#ffffff14;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-radius:24px;box-shadow:0 8px 32px #0003;height:95%}.layout-container header{flex-shrink:0}.layout-body{display:flex;flex:1;overflow:hidden;min-height:0}.layout-content{flex:1;overflow-y:auto;box-sizing:border-box;min-height:0;padding-inline:20px}@media (max-width: 768px){.layout-body{flex-direction:column}.sidebar{width:100%!important;height:auto;border-radius:0;border-right:none;border-bottom:1px solid var(--color-cardBorder)}}.layout-container{animation:fadeIn .4s ease-out both}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.taskboard-container{display:flex;justify-content:space-around;gap:16px;height:100%;min-height:100vh;box-sizing:border-box;overflow-x:auto;position:relative}.task-column{padding:16px;border-radius:8px;flex:1;min-width:250px;max-width:320px;display:flex;flex-direction:column;overflow:visible;z-index:0}.task-column h3{text-align:center;margin-bottom:12px;font-weight:600}.task-card{background:var(--color-glass-surface);border-radius:12px;padding:16px;margin-bottom:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #00000014;cursor:grab;transition:transform .2s ease;position:relative;z-index:10}[data-coreui-theme=dark] .task-card{background:#1212164d}.task-card:hover{transform:translateY(-2px)}.task-card h4{margin:0 0 6px}.task-card p{font-size:.85rem;margin:0 0 6px;color:var(--color-textSecondary)}.task-card span{font-size:.75rem;color:var(--color-textSecondary)}.loader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#00000040;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center}.glass-loader{width:64px;height:64px;border:6px solid rgba(255,255,255,.3);border-top:6px solid var(--color-text);border-radius:50%;animation:spin 1s linear infinite;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes spin{to{transform:rotate(360deg)}}:root{--color-background: #f6f9fc;--color-text: #1c2541;--color-card: #ffffff;--color-card-border: #e2e8f0;--color-glass-surface: rgba(255, 255, 255, .65)}[data-theme=dark]{--color-background: #0f1117;--color-text: #f1f5f9;--color-card: #1a1d23;--color-card-border: #2c2f36;--color-glass-surface: rgba(20, 20, 30, .55)}html,body,#root{height:100%;margin:0;padding:0;--font-main: "Manrope", sans-serif}body{font-family:Inter,sans-serif;color:var(--color-text);background-color:var(--color-background);background:url(/background-blur.jpg) no-repeat center center fixed;background-size:cover;background-attachment:fixed;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;font-family:var(--font-main)}.background-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff6;backdrop-filter:brightness(1.1) blur(4px);-webkit-backdrop-filter:brightness(1.1) blur(4px);z-index:0}[data-theme=dark] .background-overlay{background:#0006;backdrop-filter:brightness(.8) blur(6px);-webkit-backdrop-filter:brightness(.8) blur(6px)}#root{position:relative;z-index:1;width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;border:1px solid var(--color-card-border)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff1f;border:1px solid var(--color-card-border)}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.loader-bar-wrapper{height:6px;width:100%;position:relative;overflow:hidden;background:var(--color-glass-surface);border-radius:6px;box-shadow:0 0 0 1px var(--color-card-border);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.loader-bar{position:absolute;top:0;left:0;height:100%;width:30%;background:linear-gradient(90deg,var(--color-card-border),var(--color-text),var(--color-card-border));animation:loaderSlide 1.5s infinite ease-in-out;border-radius:6px}@keyframes loaderSlide{0%{left:-30%}50%{left:35%}to{left:100%}}.app-wrapper{position:relative;height:100vh;width:100vw;background:url(/background-blur.jpg) no-repeat center center fixed;background-size:cover;overflow:hidden;display:flex;align-items:center;justify-content:center}.background-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff6;backdrop-filter:brightness(1.1) blur(4px);-webkit-backdrop-filter:brightness(1.1) blur(4px);z-index:0}.app-content{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}