:root{--bg-color:#fff;--text-color:#000;--card-bg:#f5f5f5;--border-color:#ccc;--primary:#edac14;--primary-hover:#d69812}html.dark{--bg-color:#121212;--text-color:#fff;--card-bg:#1e1e1e;--border-color:#333}body{background-color:var(--bg-color);color:var(--text-color);margin:0;font-family:system-ui,-apple-system,sans-serif;transition:background-color .3s,color .3s}.container{max-width:1200px;margin:0 auto;padding:2rem}@media (width<=768px){aside{z-index:1000;border-right:none!important;border-top:1px solid var(--border-color)!important;flex-direction:row!important;justify-content:space-around!important;width:100%!important;height:70px!important;position:fixed!important;top:auto!important;bottom:0!important}aside>div:first-child,aside>div:last-child{display:none!important}aside nav{white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;-ms-overflow-style:none!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:10px!important;width:100%!important;padding:0 10px!important;overflow:auto hidden!important}aside nav::-webkit-scrollbar{display:none!important}aside nav a{flex-direction:column!important;flex:none!important;justify-content:center!important;align-items:center!important;gap:4px!important;min-width:70px!important;padding:8px!important;font-size:.75rem!important}main{margin-bottom:70px!important;margin-left:0!important;padding:20px!important}}.contenedor-notificaciones{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.notificacion{pointer-events:auto;background-color:var(--card-bg);border-left:4px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;min-width:250px;max-width:350px;padding:12px 16px;animation:.4s forwards deslizarEntrar,.4s 3.6s forwards desvanecerSalir;display:flex;box-shadow:0 4px 12px #00000026}.notif-exito{border-left-color:#22c55e}.notif-error{border-left-color:#ef4444}.notif-aviso{border-left-color:#edac14}@keyframes deslizarEntrar{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes desvanecerSalir{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}.barra-superior-movil{display:none}@media (width<=768px){.barra-superior-movil{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);z-index:1000;box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:10px 20px;display:flex;position:fixed;top:0;left:0}main{margin-top:60px!important;margin-bottom:70px!important}.contenedor-notificaciones{width:90%;top:70px;right:50%;transform:translate(50%)}}.boton-tema{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:5px;display:flex;position:relative;overflow:hidden}.icono-sol,.icono-luna{transition:all .6s cubic-bezier(.4,0,.2,1);position:absolute}.boton-tema.light .icono-sol{opacity:1;color:#edac14;transform:translateY(0)rotate(0)}.boton-tema.light .icono-luna{opacity:0;transform:translateY(30px)rotate(90deg)}.boton-tema.dark .icono-sol{opacity:0;transform:translateY(-30px)rotate(-90deg)}.boton-tema.dark .icono-luna{opacity:1;color:#f4f1c9;transform:translateY(0)rotate(0)}.boton-salir{cursor:pointer;background:0 0;border:none;padding:5px;transition:transform .2s}.boton-salir:active{transform:scale(.8)}.contenedor-tabla{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;width:100%;overflow:hidden}.tabla-usuarios{border-collapse:collapse;text-align:left;width:100%;color:var(--text-color)}.tabla-usuarios th{background-color:var(--primary);color:#fff;padding:16px;font-weight:700}.tabla-usuarios td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:16px}.tabla-usuarios tr:last-child td{border-bottom:none}@media (width<=768px){.contenedor-tabla{background-color:#0000;border:none}.tabla-usuarios thead{display:none}.tabla-usuarios tbody,.tabla-usuarios tr,.tabla-usuarios td{box-sizing:border-box;width:100%;display:block}.tabla-usuarios tr{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:15px;box-shadow:0 4px 6px #0000000d}.tabla-usuarios td{border-bottom:1px solid #8080801a!important;padding:12px 16px!important}.tabla-usuarios td:last-child{background-color:#00000005;border-radius:0 0 12px 12px;justify-content:flex-end;display:flex;border-bottom:none!important}}