*{box-sizing:border-box}:root{color:#1f2328;background-color:#f6f7f8;font-family:system-ui,sans-serif}body{margin:0}#root{min-height:100vh}.pantalla-centrada{justify-content:center;align-items:center;min-height:100vh;display:flex}.tarjeta-login{background:#fff;border:1px solid #d9dcdf;border-radius:8px;flex-direction:column;gap:1rem;width:min(22rem,90vw);padding:2rem;display:flex}.tarjeta-login h1{text-align:center;margin:0 0 .5rem;font-size:1.25rem}.tarjeta-login label{flex-direction:column;gap:.25rem;font-size:.875rem;display:flex}.tarjeta-login input{font:inherit;border:1px solid #b8bdc2;border-radius:6px;padding:.5rem .625rem}.tarjeta-login button{font:inherit;color:#fff;cursor:pointer;background:#2f3439;border:none;border-radius:6px;padding:.625rem}.tarjeta-login button:disabled{opacity:.6;cursor:default}.error{color:#b3261e;margin:0;font-size:.875rem}.tablero{grid-template:"topbar topbar"3.5rem"menu contenido"1fr/15rem 1fr;min-height:100vh;display:grid}.topbar{background:#fff;border-bottom:1px solid #d9dcdf;grid-area:topbar;justify-content:space-between;align-items:center;padding:0 1rem;display:flex}.marca{font-weight:600}.usuario{align-items:center;gap:.625rem;display:flex}.avatar{background:#d9dcdf;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.75rem;font-weight:600;display:inline-flex}.nombre-usuario{font-size:.875rem}.salir{font:inherit;cursor:pointer;background:#fff;border:1px solid #b8bdc2;border-radius:6px;padding:.375rem .75rem;font-size:.8125rem}.menu-lateral{background:#fff;border-right:1px solid #d9dcdf;grid-area:menu}.contenido{grid-area:contenido;padding:1.5rem}