:root{--verde: #076633;--verde-oscuro: #054d27;--fondo: #f4f6f4;--texto: #2b2b2b;--gris: #6b6b6b;--borde: #e1e6e1;--chip-bg: #e4efe8;--error: #b3261e}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--texto);background:var(--fondo);-webkit-font-smoothing:antialiased}.pantalla-centro{display:flex;align-items:center;justify-content:center;height:100%;color:var(--gris)}.login-fondo{min-height:100%;display:flex;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));background:linear-gradient(160deg,var(--verde) 0%,var(--verde-oscuro) 100%)}.login-tarjeta{width:100%;max-width:380px;background:#fff;border-radius:18px;padding:34px 26px 30px;box-shadow:0 18px 50px #00000040;display:flex;flex-direction:column}.login-logo{display:block;width:210px;max-width:80%;height:auto;margin:2px auto 6px}.login-subtitulo{text-align:center;margin:6px 0 24px;color:var(--gris);font-size:14px;letter-spacing:1px}.campo{display:flex;flex-direction:column;margin-bottom:16px}.campo span{font-size:13px;color:var(--gris);margin-bottom:6px}.campo input{padding:13px 14px;font-size:16px;border:1px solid var(--borde);border-radius:10px;outline:none;transition:border-color .15s}.campo input:focus{border-color:var(--verde)}.login-error{background:#fdecea;color:var(--error);border-radius:8px;padding:10px 12px;font-size:14px;margin-bottom:14px}.boton-principal{margin-top:6px;padding:14px;font-size:16px;font-weight:600;color:#fff;background:var(--verde);border:none;border-radius:10px;cursor:pointer;transition:background .15s}.boton-principal:hover{background:var(--verde-oscuro)}.boton-principal:disabled{opacity:.6;cursor:default}.inicio{min-height:100%;display:flex;flex-direction:column}.cabecera{display:flex;align-items:center;gap:14px;background:var(--verde);color:#fff;padding:14px 20px;padding-top:max(14px,env(safe-area-inset-top))}.cabecera-marca{display:flex;align-items:center;gap:10px}.cabecera-logo{height:24px;width:auto}.cabecera-usuario{margin-left:auto;text-align:right;line-height:1.2}.cabecera-nombre{font-weight:600;font-size:15px}.cabecera-rol{font-size:12px;opacity:.85}.boton-salir{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:8px;padding:8px 12px;font-size:13px;cursor:pointer;white-space:nowrap}.boton-salir:hover{background:#ffffff40}.contenido{padding:24px 20px 40px;max-width:1000px;width:100%;margin:0 auto}.saludo{margin:8px 0 2px;font-size:22px}.ayuda{margin:0 0 22px;color:var(--gris)}.rejilla-modulos{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.tarjeta-modulo{background:#fff;border:1px solid var(--borde);border-radius:14px;padding:18px;min-height:120px;display:flex;flex-direction:column;box-shadow:0 2px 8px #0000000a}.tarjeta-nombre{font-size:18px;font-weight:700;color:var(--verde)}.tarjeta-desc{font-size:13px;color:var(--gris);margin-top:4px;flex:1}.tarjeta-estado{align-self:flex-start;margin-top:12px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--verde-oscuro);background:var(--chip-bg);padding:4px 8px;border-radius:999px}